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