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資料
ng-href
回覆刪除ng-src
ng-disabled
ng-checked
ng-readonly
ng-selected
ng-class
ng-style
ng-attr-(suffix)
ng-include
ng-switch
ng-repeat
ng-view
ng-controller
ng-if
ng-init
ng-show
ng-hide
ng-bind
ng-cloak
ng-bind-template
ng-model
ng-model-options
ng-change
ng-form
ng-click
ng-select
ng-submit
創建服務
factory()
service()
constant()
value()
provider()