[解決済み] Angular 4 チェックボックスの値を変更する
2023-05-11 06:34:20
質問
Angular4で、チェックボックスに登録すると、"A"または"B"の値を保存することをどのように実現することができましたか?私が試みるほど、彼は私に真か偽を送るだけです、私は誰かが私を助けることができることを願っています。
レジストリ.コンポーネント.ts
this.userForm = new FormGroup({
state: new FormControl('',),
});
レジストリ.コンポーネント.html
<div class="form-group">
<label>State</label>
<input type="checkbox"
[(ngModel)]="isChecked"
(change)="checkValue(isChecked?'A':'B')"
formControlName="state"/>
</div>
<pre>{{userForm.value | json}}</pre>
この方法で、私はコンソールに私が望む値(AまたはB)を表示させることができますが、JSONではまだtrueまたはfalseです。
どのように解決するのですか?
これはあなたが探しているものです。
<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked?'A':'B')" />
自分のクラスの中
checkValue(event: any){
console.log(event);
}
また、FormsModule を
app.module.ts
をインクルードすると ngModel が動作します!
お役に立てれば幸いです。
関連
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angularで@Input()の値が変更されたときに検出する方法は?
-
[解決済み] (変更) vs (ngModelChange) in angular
-
[解決済み】Angularでルート変更を検出する方法は?
-
[解決済み] ルーターナビゲートで同じページのngOnInitを呼び出さない
-
[解決済み] コンストラクタ注入を行わずにサービスのインスタンスを取得する
-
[解決済み] 角度換算2
-
[解決済み] エラー TS1192: モジュール '" A.module"' はデフォルトのエクスポートがありません。
最新
-
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 v5からAngular v6にプロジェクトをアップグレードしたい。
-
[解決済み] AngularでFormGroupに動的にaddControlを追加する
-
[解決済み] angular-cli server - APIリクエストを別のサーバーにプロキシする方法は?
-
[解決済み] ExpressionChangedAfterItHasBeenCheckedError: チェックされた後に、式が変更されました。以前の値: 'undefined'
-
[解決済み] Angular2 Tutorial (Tour of Heroes)です。モジュール 'angular2-in-memory-web-api' を見つけることができません。
-
[解決済み] aria-valuenow' は 'div' の既知のプロパティではないため、バインドできません。
-
[解決済み] 新しいAngularでngSrcに相当するものは何ですか?
-
[解決済み] Angularのビルドと実行方法
-
[解決済み] Angularアプリケーションに複数のHTTPインターセプターを追加する