天天看點

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 支援以下事件:

ng-dbl-click

事件解析: Angular 事件。

$dirty

$invalid

$error

驗證解析:Angular 驗證。

API

angular.lowercase()

将字元串轉換為小寫

angular.uppercase()

将字元串轉換為大寫

angular.copy()

數組或對象深度拷貝

angular.forEach()

對象或數組的疊代函數

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

angular.fromJson()

反序列化 JSON 字元串

angular.toJson()

序列化 JSON 字元串

angular.bootstrap()

手動啟動 AngularJS

angular.element()

包裹着一部分DOM element或者是HTML字元串,把它作為一個jQuery元素來處理。

angular.module()

建立,注冊或檢索 AngularJS 子產品

全局 API 解析 :Angular API。