AngularJS 學習筆記---AngularJS 參考手冊

AngularJS 指令

本教程用到的 AngularJS 指令 :html

指令 描述
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 事件

AngularJS 支持如下事件:bootstrap

  • 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 模塊
相關文章
相關標籤/搜索