1. ホーム
  2. angular

[解決済み] 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 が動作します!

お役に立てれば幸いです。