學習AngularJS摘抄的筆記，方便以後檢視（摘自菜鳥教程）
阿新 • • 發佈：2019-02-19
AngularJS 參考手冊
AngularJS 指令
| 指令 | 描述 |
|---|---|
| 定義應用程式的根元素。 | |
| 繫結 HTML 元素到應用程式資料 | |
| 繫結 HTML 元素的 innerHTML 到應用程式資料，並移除 HTML 字串中危險字元 | |
| 規定 blur 事件的行為 | |
| 規定在內容改變時要執行的表示式 | |
| 指定 HTML 元素使用的 CSS 類 | |
| 類似 ng-class，但只在偶數行起作用 | |
| 類似 ng-class，但只在奇數行起作用 | |
| 在應用正要載入時防止其閃爍 | |
| 修改內容的安全策略 | |
| 規定剪下事件的行為 | |
| ng-form | 指定 HTML 表單繼承控制器表單 |
| 隱藏或顯示 HTML 元素 | |
| 為 the <a> 元素指定連結 | |
| ng-if | 如果條件為 false 移除 HTML 元素 |
| ng-jq | 定義應用必須使用到的庫，如：jQuery |
| 將文字轉換為列表 (陣列) | |
| 繫結 HTML 控制器的值到應用資料 | |
| 規定滑鼠指標在指定的元素中移動時的行為 | |
| 規定當在元素上鬆開滑鼠按鈕時的行為 | |
| 指定元素的 open 屬性 | |
| 在 <select> 列表中指定 <options> | |
| ng-pluralize | 根據本地化規則顯示資訊 |
| 顯示或隱藏 HTML 元素 | |
| 指定 <img> 元素的 src 屬性 | |
| 指定 <img> 元素的 srcset 屬性 | |
| 指定元素的 style 屬性 | |
| 規定 onsubmit 事件發生時執行的表示式 | |
| ng-transclude | 規定填充的目標位置 |
AngularJS 事件
AngularJS 支援以下事件:
- ng-click
- ng-dbl-click
- ng-mousedown
- ng-mouseenter
- ng-mouseleave
- ng-mousemove
- ng-keydown
- ng-keyup
- ng-keypress
- ng-change
AngularJS 驗證屬性
- $dirty
- $invalid
- $error
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 模組 |