AngularJS 參考手冊



AngularJS 指令

本教學用到的 AngularJS 指令 :

##ng- class指定HTML 元素使用的CSS 類別#ng-class-even類似ng-class,但只在偶數行起作用ng-class-odd類似ng-class,但只在奇數行起作用ng-click定義元素被點擊時的行為ng-cloak在套用正要載入時防止其閃爍#ng-controller定義應用的控制器物件#ng-copy規定拷貝事件的行為ng-csp修改內容的安全性策略#ng-cut規定剪切事件的行為ng-dblclick規定雙擊事件的行為ng-disabled規定一個元素是否被停用ng-focus#規定聚焦事件的行為ng-form#指定HTML表單繼承控制器表單ng-hide隱藏或顯示HTML 元素ng-href為the <a> 元素指定連結ng-if如果條件為false 移除HTML 元素ng-include在應用程式中包含HTML 檔案#ng-init定義應用程式的初始化值##ng-jqng-keydownng-keypressng-keyupng-list ng-model#ng-model-options##規定如何更新模型ng-mousedown規定按下滑鼠按鍵時的行為ng-mouseenter規定滑鼠指標穿過元素時的行為ng-mouseleave規定滑鼠指標離開元素時的行為規定滑鼠指標在指定的元素中移動時的行為#規定滑鼠指標位於元素上方時的行為規定當在元素上放開滑鼠按鈕時的行為規定元素或子元素不能綁定資料#指定元素的open 屬性##ng-paste#規定貼上事件的行為ng-pluralize根據本地化規則顯示訊息##ng-readonlyng-repeat##ng-selected 指定元素的selected 屬性ng-show顯示或隱藏HTML 元素ng -src指定<img> 元素的src 屬性ng-srcset指定<img> 元素的srcset 屬性ng-style指定元素的style 屬性#ng-submit規定onsubmit 事件發生時執行的表達式ng-switch規定顯示或隱藏子元素的條件ng-transclude規定填滿的目標位置ng-value規定input 元素的值##過濾器解析AngularJs 過濾器。
指令描述
#ng-app#定義應用程式的根元素。
ng-bind綁定HTML 元素到應用程式資料
ng-bind-html綁定HTML 元素的innerHTML 到應用程式數據,並移除HTML 字串中危險字元
ng-bind-template規定要使用模板替換的文字內容
ng-blur規定blur 事件的行為
ng-change規定在內容改變時要執行的表達式
ng-checked#規定元素是否被選取
定義應用程式必須使用到的函式庫,如:jQuery
規定按下按鍵事件的行為
規定按下按鍵事件的行為
規定放開按鍵事件的行為
將文字轉換為清單(陣列)
綁定HTML 控制器的值到應用資料
##ng-mousemove
ng-mouseover
ng-mouseup
ng-non-bindable
ng-open
ng-options在<select> 清單中指定<options>
指定元素的readonly 屬性
#定義集合中每項資料的範本
AngularJS 事件

AngularJS 支援以下事件:

ng-click

  • ng -dbl-click

  • ng-mousedown

  • #ng-mouseenter

  • ##ng-mouseleave

  • ng-mousemove

  • ng-keydown

  • ng-keyup

  • ng-keypress

  • ng-change

  • #事件解析: Angular 事件。

  • AngularJS 驗證屬性


$dirty

  • $invalid

  • ##$error
  • 驗證解析:Angular 驗證。

AngularJS 全域API


轉換

API##描述將字串轉換為小寫將字串轉換為大寫陣列或物件深度拷貝 #物件或陣列的迭代函數
angular.lowercase()
#angular.uppercase()
angular.copy()
angular.forEach()

比較

##angular .isDefined()如果引用的已定義回傳true#angular.isElement()如果引用的是DOM 元素回傳trueangular.isFunction()如果引用的是函數回傳true##angular.isNumber()angular.isObject()## angular.isString()如果引用的是字串回傳trueangular.isUndefined()如果引用的未定義回傳trueangular.equals()如果兩個物件相等回傳trueJSON
API描述
#angular.isArray()如果引用的是陣列回傳true
angular.isDate()如果引用的是日期回傳true
#如果引用的是數字回傳true
#如果引用的是物件回傳true

API描述angular.fromJSON()反 序列化JSON 字串angular.toJSON() 序列化JSON 字串##基礎

##API

描述angular.bootstrap()手動啟動AngularJS#angular.element()包裹著一部分DOM element或是HTML字串,把它當作一個jQuery元素來處理。 angular.module()創建,註冊或檢索AngularJS 模組##全域API 解析:Angular API。