Angular 流程控制指令

2022-07-14 15:15:14 字數 2147 閱讀 3993

基本介紹

(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...