AngularJS リファレンスマニュアル
- 上一页 AngularJS インスタンス
- 下一页 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。
- 上一页 AngularJS インスタンス
- 下一页 AngularJS チュートリアル