AngularJS 參考手冊

AngularJS 指令

指令 描述
ng-app 定義應用程序的根元素。
ng-bind 將 HTML 元素的內容綁定到應用程序數據。
ng-bind-html 將 HTML 元素的 innerHTML 綁定到應用程序數據,并從 HTML 字符串中刪除危險代碼。
ng-bind-template 指定文本內容應替換為模板。
ng-blur 指定模糊事件的行為。
ng-change 指定當用戶更改內容時要計算的表達式。
ng-checked 指定元素是否被選中。
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 指定 <a> 元素的 url。
ng-if 如果條件為 false,則刪除 HTML 元素。
ng-include 在應用程序中包含 HTML。
ng-init 定義應用程序的初始值。
ng-jq 指定應用程序必須使用庫,例如 jQuery。
ng-keydown 指定 keydown 事件上的行為。
ng-keypress 指定 keypress 事件上的行為。
ng-keyup 指定 keyup 事件上的行為。
ng-list 將文本轉換為列表(數組)。
ng-maxlength 指定輸入字段中允許的最大字符數。
ng-minlength 指定輸入字段中允許的最小字符數。
ng-model 將 HTML 控件的值綁定到應用程序數據。
ng-model-options 指定如何完成模型中的更新。
ng-mousedown 指定 mousedown 事件上的行為。
ng-mouseenter 指定 mouseenter 事件上的行為。
ng-mouseleave 指定 mouseleave 事件上的行為。
ng-mousemove 指定 mousemove 事件上的行為。
ng-mouseover 指定 mouseover 事件上的行為。
ng-mouseup 指定 mouseup 事件上的行為。
ng-non-bindable 指定此元素或其子元素中不能發生數據綁定。
ng-open 指定元素的 open 屬性。
ng-options 指定 <select> 列表中的 <options>。
ng-paste 指 paste 事件上的行為。
ng-pluralize 指定根據 en-us 本地化規則顯示的消息。
ng-readonly 指定元素的 readonly 屬性。
ng-repeat 為集合中的每個數據定義一個模板。
ng-required 指定元素的 required 屬性。
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 元素的值。

HTML 元素上的 AngularJS 指令

AngularJS 修改了一些 HTML 元素的默認行為。

元素 描述
a AngularJS 修改了 <a> 元素的默認行為。
form AngularJS 修改了 <form> 元素的默認行為。
input AngularJS 修改了 <input> 元素的默認行為。
script AngularJS 修改了 <script> 元素的默認行為。
select AngularJS 修改了 <select> 元素的默認行為。
textarea AngularJS 修改了 <textarea> 元素的默認行為。

AngularJS 過濾器

過濾器 描述
currency 將數字格式化為貨幣格式。
date 將日期格式化為指定格式。
filter 從數組中選擇項目的子集。
json 將對象格式化為 JSON 字符串。
limitTo 將數組或字符串限制為指定數量的元素/字符。
lowercase 將字符串格式化為小寫。
number 將數字格式化為字符串。
orderBy 通過表達式對數組進行排序。
uppercase 將字符串格式化為大寫。

另請參閱:

教程:Angular 過濾器

AngularJS 驗證屬性

  • $dirty
  • $invalid
  • $error

另請參閱:

教程:Angular 驗證

AngularJS 全局 API

轉換

API 描述
angular.lowercase() 將字符串轉換為小寫。
angular.uppercase() 將字符串轉換為大寫。
angular.copy() 創建對象或數組的深層副本。
angular.forEach() 為對象或數組中的每個元素執行函數。

比較

API 描述
angular.isArray() 如果引用是數組,則返回 true。
angular.isDate() 如果引用是日期,則返回 true。
angular.isDefined() 如果已定義引用,則返回 true。
angular.isElement() 如果引用是 DOM 元素,則返回 true。
angular.isFunction() 如果引用是函數,則返回 true。
angular.isNumber() 如果引用是數字,則返回 true。
angular.isObject() 如果引用是對象,則返回 true。
angular.isString() 如果引用是字符串,則返回 true。
angular.isUndefined() 如果未定義引用,則返回 true。
angular.equals() 如果兩個引用相等,則返回 true。

JSON

API 描述
angular.fromJson() 接收 JSON 字符串并返回 JavaScript 對象。
angular.toJson() 接收 JavaScript 對象并返回 JSON 字符串。

基礎

API 描述
angular.bootstrap() 手動啟動 AngularJS。
angular.element() 將 HTML 元素包裝為 jQuery 元素。
angular.module() 創建、注冊或檢索 AngularJS 模塊。

另請參閱:

教程:Angular API