angular2反应形式模型PrimeNG复选框不起作用

时间:2018-07-04 12:07:57

标签: angular primeng

我正在尝试添加一个复选框,以为用户提供选择多个选项的选项。我正在使用angular2和PrimeNG 4.3。

由于某些原因,默认情况下会选择这些选项。我不希望默认选中此选项。任何人都可以帮助实现这一目标吗?

这是我的代码:

HTML

<form [formGroup]="confirmForm">
    <div class="ui-g-12" *ngFor="let item of confirmForm.controls.reasons.controls">
      <p-checkbox name="reason" value="{{item.value}}" label="{{item.value}}" [formControl]="item"></p-checkbox>            
    </div>
</form>

TS

const controlsList: FormControl[] = [];
this.mainReasons.forEach(x => {
  const control = this.fb.control({});
  control.setValue(x);
  controlsList.push(control);
});



let initialVal = this.otherReasons ? this.otherReasons[0].value : '';
this.confirmForm = this.fb.group
  ({
    reasons: this.fb.array(controlsList),
    notes: ['', Validators.required]
  });

0 个答案:

没有答案