angular學習筆記 七 迭代2

檢視的迭代和它的ng-repeat屬性繫結的資料是實時繫結的,一旦資料發生了改變,檢視也會立即更新迭代.

還是剛才的那個例子,給它新增乙個新增資料按鈕和乙個刪除資料按鈕.

doctype html

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

function

studentlist ($scope),,];
$scope.insertdog
= function
()) };
$scope.dellast
= function
()}

insertdog方法和sellast方法,分別是往students陣列裡新增項和刪除項.

可以看到,一旦students陣列發生變化,通過ng-repeat屬性繫結它的li項的迭代也會實時更新:
一開始:
點選新增後:
點選兩次刪除後:
angular學習筆記 七 迭代3
每個迭代項中還有以下三個變數 first 判斷是否是迭代第一項,如果是,得到true,如果不是,得到false middle 判斷是否迭代中間項 既不是第一項也不是最後一項的都是中間項 如果是,得到true,如果不是,得到false last 判斷是否是迭代最後項,如果是,得到true,如果不是,得...
angular2 學習筆記（三）
建立的angular2專案中，在src資料夾中 main.ts 固定以下 主要是為了啟動頁面 import from angular platform browser dynamic platformbrowserdynamic import from angular core import fro...
angular2 學習筆記 Pipes
更新 2019 09 01 number 和 currency pipe 當我們要出美美的數字的時候就會用到了。什麼叫美美 比如十萬,100000 or 100,000 哪個好一點 後的丫，有逗號隔開了密密的 0 這時候就要使用 number 了 最常用的是 number 0.2 4 意思是小數點前...