AngularJS指令
本指南中使用過的AngularJS指令:
指令 | 描述 | 說明 |
---|---|---|
ng-app | 定義一個application的根元素。 | 指令 |
ng-bind | 將HTML元素的innerHTML綁定到application data。 | 介紹 |
ng-click | 定義HTML元素的click事件。 | 事件 |
ng-controller | 定義一個application的控制器對象。 | 控制器 |
ng-disabled | 綁定application data到HTML元素的disabled屬性。 | DOM節點 |
ng-hide | 隱藏或顯示HTML元素。 | DOM節點 |
ng-include | 在一個application中包含HTML文件。 | Includes |
ng-init | 定義一個application的初始值。 | 指令 |
ng-model | 將HTML控件的value值綁定到application data。 | 指令 |
ng-repeat | 為集合中的每一個數據項重復創建一段HTML元素。 | 指令 |
ng-show | 顯示或隱藏HTML元素。 | DOM節點 |
AngularJS過濾器
本指南中使用過的AngularJS過濾器:
過濾器 | 描述 |
---|---|
currency | 將數字格式化為現金格式。 |
filter | 從一個集合中選擇子項。 |
lowercase | 將字符串轉換為小寫形式。 |
orderby | 通過一個表達式對集合元素進行排序。 |
uppercase | 將字符串轉換為大寫形式。 |
具體內容可以查看AngularJS快速入門指南06:過濾器。
AngularJS事件
AngularJS支持以下事件:
- ng-click
- ng-dbl-click
- ng-mousedown
- ng-moseenter
- ng-mouseleave
- ng-mousemove
- ng-keydown
- ng-keyup
- ng-keypress
- ng-change
具體內容可以查看AngularJS快速入門指南11:事件。
AngularJS數據驗證屬性
- $dirty
- $invalid
- $error
具體內容可以查看AngularJS快速入門指南14:數據驗證。
AngularJS全局API
數據轉換API
API | 描述 |
---|---|
angular.lowercase() | 將字符串轉換為小寫形式。 |
angular.uppercase() | 將字符串轉換為大寫形式。 |
angular.copy() | 深拷貝一個對象或數組。 |
angular.forEach() | 遍歷對象或數組中的每一個元素並執行一個函數。 |
數據比較API
API | 描述 |
---|---|
angular.isArray() | 判斷給定的對象是否為數組。 |
angular.isDate() | 判斷給定的對象是否為日期類型。 |
angular.isDefined() | 判斷給定的對象是否定義過。 |
angular.isElement() | 判斷給定的對象是否為一個DOM元素。 |
angular.isFunction() | 判斷給定的對象是否為一個函數。 |
angular.isNumber() | 判斷給定的對象是否為數字。 |
angular.isObject() | 判斷給定的對象是否為object類型。 |
angular.isString() | 判斷給定的對象是否為字符串。 |
angular.isUndefined() | 判斷給定的對象是否沒有定義過(與angular.isDefined()相反)。 |
angular.equals() | 判斷給定的兩個對象是否相等。 |
JSON相關API
API | 描述 |
---|---|
angular.fromJson() | 將給定的JSON對象反序列化為字符串。 |
angular.toJson() | 將給定的字符串序列化為JSON對象。 |
基本API
API | 描述 |
---|---|
angular.bootstrap() | 手動引導AngularJS應用程序。 |
angular.element() | 將一個HTML元素包裝成一個JQuery元素(然后你可以對它使用JQuery提供的方法)。 |
angular.module() | 創建,注冊或者重新恢復一個AngularJS模塊。 |
具體內容可以查看AngularJS快速入門指南15:API。