AngularJS 參考手冊
- 上一頁 AngularJS 實例
- 下一頁 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。
- 上一頁 AngularJS 實例
- 下一頁 AngularJS 教程