angular學習筆記 七 迭代3

每個迭代項中還有以下三個變數:

$first: 判斷是否是迭代第一項,如果是,得到true,如果不是,得到false

$middle: 判斷是否迭代中間項(既不是第一項也不是最後一項的都是中間項),如果是,得到true,如果不是,得到false

$last: 判斷是否是迭代最後項,如果是,得到true,如果不是,得到false

然後繼續剛才的例項,要求第一名的名字顏色顯示粉紅色,最後一名的名字顏色顯示灰色,其餘中間排名的都顯示紫色:

doctype html

>
<
html 
>
<
head
>
<
title
>4.3.迭代
>新增
button
>
<
button 
ng-click
="dellast()"
>刪除
button
>
div>
body
>
html
>

點選兩次新增以後:

angular學習筆記 七 迭代2

檢視的迭代和它的ng repeat屬性繫結的資料是實時繫結的,一旦資料發生了改變,檢視也會立即更新迭代.還是剛才的那個例子,給它新增乙個新增資料按鈕和乙個刪除資料按鈕.doctype html html head title 4.1.迭代 新增 button button ng click dell...

Angular學習筆記 Angular生命週期

生命週期函式通俗的講就是元件建立 元件更新 元件銷毀的時候會觸發的一系列的方法。當 angular 使用建構函式新建乙個元件或指令後，就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法。當 angular 使用建構函式新建乙個元件或指令後，就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法 鉤子用途...

Angular學習筆記

1.nodejs 2.npm 3.cnpm 4.yarn 4.vscode 1.建立專案的 命令 ng new project name style scss 引數 style 使用的css型別,可以是css,sacc,scss,less,預設值是css 2.初始化node modules 命令 1...