角2反応的フォームチェックボックス - 数値をBoolにバインド

Question

私はチェックボックスとして表されるいくつかのインジケータを持つフォームモデルを持っています。現在、オブジェクトjsonの形式でtrue/falseとして値をモデル化しています。私が望むのは、その値がブール値から1/0にそれぞれ変換することです。これを行うにはスマートな方法がありますか？

例コード：

@Component 

template: ` 
    <form [formGroup]="myForm" (ngSubmit)="save(myForm.value)"> 
     <input type="checkbox" id="myToggle" formControlName="myToggle"/> 
    </form> 
` 
export class MyComponent implementes OnInit{ 
private myForm:FormGroup; 
myToggle: number; 

constructor(private _fb:FormBuilder) {} 

ngOnInit() { 
    this.myForm = this._fb.group({ 
     myToggle: [0] 
    }); 
} 

は、うまくいけば、上記のは、私は数に「myToggle」のタイプを設定しようとしていることを実証しています。フォームを初期化すると、デフォルト値は0に設定され、チェックボックスはチェックされません。しかし、チェックボックスをオンにすると、フォームの値が1ではなく真に設定されます。これを1に更新します。this questionブール値を数値に変換するオプションがいくつかあります。しかし、私は反応形式モデルでこれをどのように実装するのか正確にはわかりません。

Answer 1

FormControlにはregisterOnChangeメソッドがあります。これにより、変更するたびに実行されるコールバックを指定できます。

例を挙げると、コントロールlet ctrl = this.myForm.controls["myToggle"]にアクセスできます（手動で作成することをお勧めします）。ctrl.registerOnChange(() => ctrl.patchValue(ctrl.value ? 1 : 0));のようにsthを実行できます。