[解決済み] プロパティに状態をバインドするための[(ngModel)]と[ngModel]の違い?
2022-03-01 06:28:24
質問
以下はテンプレートの例です。
<input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate">
<input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate">
ここでは、どちらも同じことを行っています。どちらが好ましいですか?
解決方法は?
[(ngModel)]="overRideRate"
の短縮形です。
[ngModel]="overRideRate"
(ngModelChange)="overRideRate = $event"
-
[ngModel]="overRideRate"
をバインドすることです。overRideRate
をinput.value
-
(ngModelChange)="overRideRate = $event"
を更新することです。overRideRate
の値でinput.value
を指定するとchange
イベントが発行されました。
これらを合わせると、Angular2が提供する双方向バインディングになります。
関連
-
[解決済み】angularでpreflightのレスポンスがHTTP okステータスにならない。
-
[解決済み] LegendItemComponent をカスタマイズする Angular 用 kendo-ui
-
[解決済み] Angular CLIでコンポーネントの名前を変更する方法は?
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] コンストラクタとngOnInitの違いについて
-
[解決済み] ng-modelとng-bindの違いは何ですか?
-
[解決済み] Angularの@Directiveと@Componentの比較
-
[解決済み] (変更) vs (ngModelChange) in angular
-
[解決済み] Angularのエラーです。"Can't bind to 'ngModel' because it isn't a known property of 'input'"."
-
[解決済み】PromiseとObservablesの違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】angular 4アプリにReactiveFormsModuleを追加すると、NgControl用のプロバイダがないエラーが発生する。
-
[解決済み】Angular: オブジェクトをサポートしているdiffが見つからない '[object Object]'
-
[解決済み] Angular 2で簡単なアコーディオンを作成するにはどうすればよいですか?
-
[解決済み] 型 '{}' は型 '{ title: string; text: string; }' に代入できません。
-
[解決済み] typescriptを使用して、同じhtml DOM要素で「シングルクリック」と「ダブルクリック」を処理する方法:Angular 2または4?
-
[解決済み] ZoneAwarePromiseとは
-
[解決済み] Angular2 - エラー。セレクタ "app-root" はどの要素にもマッチしませんでした。
-
[解決済み] "rxjs" observable.throw は関数ではありません - Angular4
-
[解決済み] AngularのngClassとトグルクラスのクリックイベント
-
[解決済み] Angular2 Selectorが、ネストしたComponentのどの要素にもマッチしない。