2015年3月4日 星期三

AngularJS

  • 要套用AngularJS必須於網頁script中引用下段文字

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

  • ng指令(ng-directives):ng打頭的html屬性

ng-app:定義此頁面為AngularJS Application,並指定此為root element,一個頁面只能有一個,告訴AngularJS 包在<div>的是"owner",需要解譯。
ng-init:初始化值變數
ng-controller:是一Javascript Object,定義controller,在page load時執行。 
ng-model:Bind application data到HTML controls  
ng-bind:Bind application data 到 HTML view 
ng-repeat:告訴AngularJS這是一個重複性的element,如選單中的選項。 
ng-disable:將其他element屬性設成disable 
ng-show:顯示或隱藏html element 
ng-hide:隱藏或顯示html element 
ng-click:定義click event

  • Expressions:寫在{{ expression }}中

必須要包在ng-app中,寫法與javascript類似,包含literals、operators、和variables。
例如:{{ 5 + 5 }} 、 {{ firstName + " " + lastName }}、{{ quantity * cost }}
Filters:基本的格式化
currency 金錢格式filter 取subitemlowercase 轉小寫orderBy 排序uppercase 轉大寫

  • XMLHttpRequest($http.get):讀遠端server資料