Есть ли способ использовать либо nz-checkbox, либо nz-checkbox-group, либо nz-checkbox-wrapper внутри реактивной формы

Question

Следующий код прекрасно работает, если используется независимо,

<nz-checkbox-group [(ngModel)]="field.options" [formControlName]="field.id" (ngModelChange)="updateValue($event)"></nz-checkbox-group>

Angular6.0 не позволяет [(ngModel)] с FormGroup (Reactive Forms).As устарела в angular 6.0 и будет удалена в angular 7.0 версии.

Есть ли способ написать nz-checkbox-group для ReactiveForm?

Answer 1

Я получил аналогичную проблему, решенную с помощью следующего метода. SourceCode

import { Component } from '@angular/core';
import { FormGroup, FormControl, FormBuilder, FormArray } from '@angular/forms';
@Component({
selector: 'nz-demo-checkbox-layout',
template: `
    <nz-checkbox-wrapper style="width: 100%;" (nzOnChange)="log($event)">
      <div nz-row >
       <div [formGroup]="myFormGroup">
        <label nz-checkbox nzValue="A" formControlName="a">A</label>
        <label nz-checkbox  nzValue="B" formControlName="b">B</label>
        <label nz-checkbox nzValue="C" formControlName="c">C</label>
        <label nz-checkbox nzValue="D" formControlName="d">D</label>
       </div>
      </div>
    </nz-checkbox-wrapper>`
})
export class NzDemoCheckboxLayoutComponent {
    constructor(private fb: FormBuilder) { }
    public myFormGroup = this.fb.group({
        a:this.fb.control(true),
        b:this.fb.control(false),
        c:this.fb.control(false),
        d:this.fb.control(false)
    }); 
}