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資料


1 則留言:

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

    回覆刪除