AngularJS 教程
AngularJS 參考手冊總結了本教程中所用到的一些 AngularJS 指令以及 AngularJS 過濾器。
本教程用到的 AngularJS 指令 :
| 指令 | 描述 |
|---|---|
| ng-app | 定義應用程序的根元素。 |
| ng-bind | 綁定 HTML 元素到應用程序數據 |
| ng-bind-html | 綁定 HTML 元素的 innerHTML 到應用程序數據，并移除 HTML 字符串中危險字符 |
| ng-bind-template | 規(guī)定要使用模板替換的文本內容 |
| ng-blur | 規(guī)定 blur 事件的行為 |
| ng-change | 規(guī)定在內容改變時要執(zhí)行的表達式 |
| ng-checked | 規(guī)定元素是否被選中 |
| ng-class | 指定 HTML 元素使用的 CSS 類 |
| ng-class-even | 類似 ng-class，但只在偶數行起作用 |
| ng-class-odd | 類似 ng-class，但只在奇數行起作用 |
| ng-click | 定義元素被點擊時的行為 |
| ng-cloak | 在應用正要加載時防止其閃爍 |
| ng-controller | 定義應用的控制器對象 |
| ng-copy | 規(guī)定拷貝事件的行為 |
| ng-csp | 修改內容的安全策略 |
| ng-cut | 規(guī)定剪切事件的行為 |
| ng-dblclick | 規(guī)定雙擊事件的行為 |
| ng-disabled | 規(guī)定一個元素是否被禁用 |
| ng-focus | 規(guī)定聚焦事件的行為 |
| ng-form | 指定 HTML 表單繼承控制器表單 |
| ng-hide | 隱藏或顯示 HTML 元素 |
| ng-href | 為 the <a> 元素指定鏈接 |
| ng-if | 如果條件為 false 移除 HTML 元素 |
| ng-include | 在應用中包含 HTML 文件 |
| ng-init | 定義應用的初始化值 |
| ng-jq | 定義應用必須使用到的庫，如：jQuery |
| ng-keydown | 規(guī)定按下按鍵事件的行為 |
| ng-keypress | 規(guī)定按下按鍵事件的行為 |
| ng-keyup | 規(guī)定松開按鍵事件的行為 |
| ng-list | 將文本轉換為列表 (數組) |
| ng-model | 綁定 HTML 控制器的值到應用數據 |
| ng-model-options | 規(guī)定如何更新模型 |
| ng-mousedown | 規(guī)定按下鼠標按鍵時的行為 |
| ng-mouseenter | 規(guī)定鼠標指針穿過元素時的行為 |
| ng-mouseleave | 規(guī)定鼠標指針離開元素時的行為 |
| ng-mousemove | 規(guī)定鼠標指針在指定的元素中移動時的行為 |
| ng-mouseover | 規(guī)定鼠標指針位于元素上方時的行為 |
| ng-mouseup | 規(guī)定當在元素上松開鼠標按鈕時的行為 |
| ng-non-bindable | 規(guī)定元素或子元素不能綁定數據 |
| ng-open | 指定元素的 open 屬性 |
| ng-options | 在 <select> 列表中指定 <options> |
| ng-paste | 規(guī)定粘貼事件的行為 |
| ng-pluralize | 根據本地化規(guī)則顯示信息 |
| ng-readonly | 指定元素的 readonly 屬性 |
| ng-repeat | 定義集合中每項數據的模板 |
| ng-selected | 指定元素的 selected 屬性 |
| ng-show | 顯示或隱藏 HTML 元素 |
| ng-src | 指定 <img> 元素的 src 屬性 |
| ng-srcset | 指定 <img> 元素的 srcset 屬性 |
| ng-style | 指定元素的 style 屬性 |
| ng-submit | 規(guī)定 onsubmit 事件發(fā)生時執(zhí)行的表達式 |
| ng-switch | 規(guī)定顯示或隱藏子元素的條件 |
| ng-transclude | 規(guī)定填充的目標位置 |
| ng-value | 規(guī)定 input 元素的值 |
過濾器解析 AngularJs 過濾器。
AngularJS 支持以下事件:
事件解析： Angular 事件。
驗證解析：Angular 驗證。
| 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 |
| API | 描述 |
|---|---|
| angular.fromJson() | 反序列化 JSON 字符串 |
| angular.toJson() | 序列化 JSON 字符串 |
| API | 描述 |
|---|---|
| angular.bootstrap() | 手動啟動 AngularJS |
| angular.element() | 包裹著一部分DOM element或者是HTML字符串，把它作為一個jQuery元素來處理。 |
| angular.module() | 創(chuàng)建，注冊或檢索 AngularJS 模塊 |
全局 API 解析 ：Angular API。