AngularJS 參考手冊
AngularJS 指令
本教程用到的 AngularJS 指令 :
指令 |
描述 |
ng-app |
定義應用程式的根項目。 |
ng-bind |
綁定 HTML 元素到應用程式資料 |
ng-bind-html |
綁定 HTML 元素的 innerHTML 到應用程式資料,並移除 HTML 字串中危險字元 |
ng-bind-template |
規定要使用模板替換的常值內容 |
ng-blur |
規定 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 |
為 the <a> 元素指定連結 |
ng-if |
如果條件為 false 移除 HTML 元素 |
ng-include |
在應用中包含 HTML 檔案 |
ng-init |
定義應用的初始化值 |
ng-jq |
定義應用必須使用到的庫,如:jQuery |
ng-keydown |
規定按下按鍵事件的行為 |
ng-keypress |
規定按下按鍵事件的行為 |
ng-keyup |
規定鬆開按鍵事件的行為 |
ng-list |
將文本轉換為列表 (數組) |
ng-model |
綁定 HTML 控制器的值到應用資料 |
ng-model-options |
規定如何更新模型 |
ng-mousedown |
規定按下滑鼠按鍵時的行為 |
ng-mouseenter |
規定滑鼠指標穿過元素時的行為 |
ng-mouseleave |
規定滑鼠指標離開元素時的行為 |
ng-mousemove |
規定滑鼠指標在指定的元素中移動時的行為 |
ng-mouseover |
規定滑鼠指標位於元素上方時的行為 |
ng-mouseup |
規定當在元素上鬆開滑鼠按鍵時的行為 |
ng-non-bindable |
規定元素或子項目不能綁定資料 |
ng-open |
指定元素的 open 屬性 |
ng-options |
在 <select> 列表中指定 <options> |
ng-paste |
規定粘貼事件的行為 |
ng-pluralize |
根據本地化規則顯示資訊 |
ng-readonly |
指定元素的 readonly 屬性 |
ng-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 過濾器。
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() |
對象或數組的迭代函數 |
比較
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 字串 |
angular.toJSON() |
序列化 JSON 字串 |
基礎
API |
描述 |
angular.bootstrap() |
手動啟動 AngularJS |
angular.element() |
包裹著一部分DOM element或者是HTML字串,把它作為一個jQuery元素來處理。 |
angular.module() |
建立,註冊或檢索 AngularJS 模組 |
全域 API 解析 :Angular API。
以上就是對 AngularJS 的參考手冊整理,有需要的朋友參考下