AngularJS ngのモデル-optionsコマンド
例
入力ボックスをバインドすると、フォーカスを失ったときにスコープ内の変数の値:
<DIV ngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
<入力NG-モデル= "名前 " NG-モデルオプション= "{updateOn: 'ブラー'}">
</ DIV>
<スクリプト>
VARアプリ= angular.module( 'て、myApp' 、[]);
app.controller( 'myCtrl'、関数( $スコープ){
$ scope.name = "ジョン・ドウ」。
});
</スクリプト>
<入力NG-モデル= "名前 " NG-モデルオプション= "{updateOn: 'ブラー'}">
</ DIV>
<スクリプト>
VARアプリ= angular.module( 'て、myApp' 、[]);
app.controller( 'myCtrl'、関数( $スコープ){
$ scope.name = "ジョン・ドウ」。
});
</スクリプト>
»をお試しください
定義と使用法
NG-モデルのオプションは 、変数のスコープへのHTMLフォーム要素をバインドするコマンド
あなたは時間をトリガするためにバインドデータを指定、またはパラメータの設定は次の手順を参照することができ、待つ時間をミリ秒単位で指定することができます。
文法
<要素ngのモデル・オプション= "オプション"> </要素>
<入力>、<選択>、<TEXTAREA>要素は、この命令をサポートしています。
パラメータ値
値 | 説明 |
---|---|
オプション | 次のようにデータを結合するためのルールを指定し、ルールは以下のとおりです。 {updateOn: 'イベント'}指定されたイベントは、バインドされたデータ・ルールを発生した後、 {デバウンス:1000}データを結合した後のミリ秒の所定の数を待っています {AllowInvalidは:真|偽}規定は、データバインディングかどうかを確認する必要があります {GetterSetter:真|偽}はゲッター/セッターとしてモデルにバインドするかどうかを指定します {タイムゾーン: '0100'}タイムゾーンかどうかのルール |