Angular2の新機能ですが、Angular2のブログではNgModel
とngModel
が見つかりました。 私は[(ngModel)]
が双方向バインディングに使用されていることを理解します。 2人の違いは何ですか?NgModelとAngular2のngModelの比較
2
A
答えて
1
NgModel
は、ngModel
ディレクティブを実装するクラスです。
ngModel
はそのディレクティブのセレクタです。
これは(ControlValueAccessor
用など)、それを注入する必要がある場合、あなたはngModel
だけの変数名であるクラスのインスタンス
constructor(private ngModel:NgModel) {}
を注入
<input [(ngModel)]="someProp">
ようngModel
を使用していますが、HTMLで意味します私は選択し、NgModel
は、インスタンスを注入したいクラスです。
ソースを出力するためexportAs: 'ngModel'
のそれは例えば
<input [(ngModel)]="someProp" let-xxx="ngModel">
{{xxx.name}}
同様に使用できることが適用されたNgModel
インスタンスのname
プロパティ(または任意の他の特性)を示してもhttps://github.com/angular/angular/blob/26d1423ae93a743bd57a5fed9997c08c52f4bbfd/modules/%40angular/forms/src/directives/ng_model.ts#L90
を見ます私たちの<input>
に
関連する問題
- 1. Angular2 ngModel select
- 2. Angular2 ngModelとngFor変数
- 3. コンポーネント内のAngular2 ngModelバリデータ
- 4. angular2アクセスngModelディレクティブの変数
- 5. Angular2、入力マスクngModelバインド
- 6. Angular2 ngModelチェックボックスが未定義
- 7. Angular2 ngModel 1文字後ろ
- 8. Angular2フォーム変数はngModel
- 9. 、ngModel
- 10. angular2テスト - 入力テキストの変更がngmodel
- 11. ngModelのオブジェクトをカスタムコントロールに渡すAngular2
- 12. Angular2 Input/Output in formControl代わりにngModel
- 13. ngModelポリマーにバインドするドロップダウンリスト(Angular2)
- 14. RxJSの行動主題およびngModelとのngModel結合
- 15. ngModelはNG2
- 16. `[(ngModel)]` `VS [(値)]`
- 17. Angular2:ngIfディレクティブでラップするとngModelが機能しない
- 18. Angular2、ngModelとForms:リストが正しく表示されない
- 19. Angular2 ngModelとngForを使用したインライン編集
- 20. Angular2:コード内のNgModelの元の変更方法は?
- 21. Angular2 ngModelを適用した後の入力値のフォーマット
- 22. Angular 2 ngModel returned [object]
- 23. angularjs 1 ngModel two $ watchs
- 24. 角型2 ngModelミューテータディレクティブ
- 25. Angular2 - ngModelをプロパティの参照にバインドする
- 26. Angular2/TypescriptのngModelなしで入力フィールド値にアクセス
- 27. Angular2 PipeからNgModelの値を取得する方法
- 28. 角2:ボタンのデータバインディングNgModel
- 29. ngModel内のIonic2 DatePicker式
- 30. 剣道のNgModel番号DropDownList