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 。