AngularJS リファレンスマニュアル

AngularJS インストラクション

指令 描述
ng-app アプリケーションのルート要素を定義します。
ng-bind HTML要素の内容をアプリケーションのデータにバインドします。
ng-bind-html HTML要素のinnerHTMLをアプリケーションのデータにバインドし、HTML文字列から危険なコードを削除します。
ng-bind-template テンプレートに置き換えるべきテキスト内容を指定します。
ng-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>要素のURLを指定します。
ng-if 条件がfalseの場合、HTML要素を削除します。
ng-include アプリケーションにHTMLを含めます。
ng-init アプリケーションの初期値を定義します。
ng-jq アプリケーションが使用する必要があるライブラリ、例えばjQueryを指定します。
ng-keydown keydownイベント上の行動を指定します。
ng-keypress keypressイベント上の行動を指定します。
ng-keyup keyupイベント上の行動を指定します。
ng-list テキストをリスト(配列)に変換します。
ng-maxlength 入力フィールドに許可される最大文字数を指定します。
ng-minlength 入力フィールドに許可される最小文字数を指定します。
ng-model HTMLコントロールの値をアプリケーションドータにバインドします。
ng-model-options モデル内の更新を完了する方法を指定します。
ng-mousedown mousedownイベント上の行動を指定します。
ng-mouseenter mouseenterイベント上の行動を指定します。
ng-mouseleave mouseleaveイベント上の行動を指定します。
ng-mousemove mousemoveイベント上の行動を指定します。
ng-mouseover mouseoverイベント上の行動を指定します。
ng-mouseup mouseupイベント上の行動を指定します。
ng-non-bindable この要素またはその子要素でデータバインディングが発生しないように指定します。
ng-open 要素のopen属性を指定します。
ng-options <select>リスト内の<options>を指定します。
ng-paste pasteイベント上の行動を指定します。
ng-pluralize en-usローカライズルールに基づいて表示されるメッセージを指定します。
ng-readonly 要素のreadonly属性を指定します。
ng-repeat 集合の各データにテンプレートを定義します。
ng-required 要素の required 属性を指定します。
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 元素の値を指定します。

HTML 元素上の AngularJS 指令

AngularJS はいくつかの HTML 元素のデフォルトの動作を変更しました。

要素 描述
a AngularJS は <a> 元素のデフォルトの動作を変更しました。
form AngularJS は <form> 元素のデフォルトの動作を変更しました。
input AngularJS は <input> 元素のデフォルトの動作を変更しました。
script AngularJS は <script> 元素のデフォルトの動作を変更しました。
select AngularJS は <select> 元素のデフォルトの動作を変更しました。
textarea AngularJS は <textarea> 元素のデフォルトの動作を変更しました。

AngularJS フィルタ

フィルタ 描述
currency 数字を通貨形式にフォーマットします。
date 日付を指定されたフォーマットにフォーマットします。
filter 配列から項目のサブセットを選択します。
json オブジェクトを JSON 文字列にフォーマットします。
limitTo 配列または文字列を指定された数の要素/文字に制限します。
lowercase 文字列を小文字にフォーマットします。
number 数字を文字列にフォーマットします。
orderBy エクスプレッションを通じて配列を並べ替えます。
uppercase 文字列を大文字にフォーマットします。

另请参阅:

教程: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 字符串并返回 JavaScript 对象。
angular.toJson() 接收 JavaScript 对象并返回 JSON 字符串。

基础

API 描述
angular.bootstrap() 手动启动 AngularJS。
angular.element() 将 HTML 元素包装为 jQuery 元素。
angular.module() 创建、注册或检索 AngularJS 模块。

另请参阅:

教程:Angular API