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 <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() 2つのオブジェクトが等しい場合にtrueを返す

JSON

API 描述
angular.fromJson() JSON 文字列をデシリアライズする
angular.toJson() JSON 文字列をシリアライズする

基础

API 描述
angular.bootstrap() AngularJS を手動で起動する
angular.element() 一部のDOM要素またはHTML文字列をラップして、jQuery要素として処理する
angular.module() AngularJS モジュールを作成、登録、または取得します。

グローバル API の解説:Angular API。

其他扩展