在Angular 7的页面加载中预先检查多个复选框

我的.html文件代码是

 <label class="col-md-6 pb-6" *ngFor="let job of CheckBoxandLabel">
    <input type="checkbox" value="{{job.childid}}" (change)="onCheckboxChange($event)" />
</label

在我的Ts文件中。

CheckBoxandLabel=[{childid = 1},{childid = 2},{childid = 3},{childid = 4}]

PreSelectedCheckbox = [2,4]




onCheckboxChange(event) {
    if (event.target.checked) {
      this.jobcategoryArray.push(new FormControl(event.target.value));
    } else {
      let i: number = 0;
      this.jobcategoryArray.controls.forEach((item: FormControl) => {
        if (item.value == event.target.value) {
          this.jobcategoryArray.removeAt(i);
          return;
        }
        i++;
      });
    }
}

所以,在页面加载上,我想要预选复选框中的值,即2和4

即必须预先选择job.childid = 2&4

评论