基本介紹
(1)ng-repeat,類似於for迴圈,對陣列進行遍歷
(2)ng-switch on,ng-switch-when,類似於switch,case
基本使用
ng-repeat
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
head
>
<
body
>
<
table
ng-controller
="democontroller"
>
<
tr ng-repeat
="(key,value) in values"
>
<
td>}
td>
<
td>}
td>
<
td>}
td>
tr>
table
>
<
script
src="../libs/angular.min.js"
>
script
>
<
script
>
var=
angular.module(''
, );
'democontroller
', [
'$scope',
function
($scope) ,,,
];}]);
script
>
body
>
html
>
ng-switch
(1)迴圈遍歷的過程中,只有滿足條件的才會顯示
(2)on是可以被省略的
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
<
script
src="../libs/angular.min.js"
>
script
>
head
>
<
body
>
<
div
ng-controller
="democontroller"
>
<
div
ng-repeat
="(key,student) in students"
ng-switch
="student"
>
<
h2 ng-switch-when
="er2"
>}
h2>
div>
div>
<
script
>
var=
angular.module(''
, );
'democontroller
', [
'$scope',
function
($scope) ]);
//ng-switch on : on是可以省略的
//ng-switch-when :滿足條件才顯示後面的值
script
>
body
>
html
>
sass 控制指令
控制指令 控制指令主要有 if for while each 四種,控制指令是一種高階功能,主要與混合指令 mixin 配合使用 尤其是在 compass 庫中 if 跟 if 條件語句一樣,也可以跟多個 else if 用返回值來判斷輸出的 當返回值為 true 時候輸出後面 中的 當返回值是 f...
scss控制指令學習
1 if 混合巨集定義中 book.scss mixin blockorhidden boolean true debug warn,error display block else 插值 會執行 display none block hidden 執行 sass watch e sass book...
sass的控制指令
if 條件語句 判斷語句 for 迴圈語句 while 迴圈語句 each 迴圈語句 html結構 選擇器 多選一吧 邏輯運算子 if 表示式表示式 可以是關係運算 或者 邏輯運算 關係運算子 邏輯運算子 與 或 非 and 邏輯與 or 邏輯或 not 邏輯非 scss示例 max 101 min...