如何使用Angular 8+从控制器中选中离子框架中的选择框选项?

如何使用Angular 8+从控制器中选中离子框架中的选择框选项?,angular,ionic-framework,ion-select,Angular,Ionic Framework,Ion Select,我有一个如下的表格组: public form = this.fb.group({ name: ['', [Validators.minLength(3), Validators.required]], category: ['', [Validators.required]], start_date: ['', [Validators.required]], end_date: ['', [Validators.required]

我有一个如下的表格组:

public form = this.fb.group({
        name: ['', [Validators.minLength(3), Validators.required]],
        category: ['', [Validators.required]],
        start_date: ['', [Validators.required]],
        end_date: ['', [Validators.required]],
        front_image: ['', [Validators.required]],
        description: ['']
    }, {validators: [verifyDates]})
 <ion-item>
  <ion-label>{{'selectCat' | translate}}</ion-label>
  <ion-select placeholder="{{'selectCatPlaceholder' | translate}}" formControlName="category" required>
    <ion-select-option  *ngFor="let cat of catService.categories" [value]="cat">{{cat.get('name_' + trans.currentLang)}}</ion-select-option>
  </ion-select>
</ion-item>
以及html表单组中的“我的选择”字段,如下所示:

public form = this.fb.group({
        name: ['', [Validators.minLength(3), Validators.required]],
        category: ['', [Validators.required]],
        start_date: ['', [Validators.required]],
        end_date: ['', [Validators.required]],
        front_image: ['', [Validators.required]],
        description: ['']
    }, {validators: [verifyDates]})
 <ion-item>
  <ion-label>{{'selectCat' | translate}}</ion-label>
  <ion-select placeholder="{{'selectCatPlaceholder' | translate}}" formControlName="category" required>
    <ion-select-option  *ngFor="let cat of catService.categories" [value]="cat">{{cat.get('name_' + trans.currentLang)}}</ion-select-option>
  </ion-select>
</ion-item>

它会正确更新表单值,但不会选中前端上的复选框。我使用form builder,而不是ngModels,我以前也使用过ngModels和formControl,但它说我们不能再使用了,我找不到一种方法来实现它。有人能帮忙吗?

试试这个

value ="{{cat}}"

但不勾选前端上的复选框这意味着什么?输入不会像设置值那样随选择更新。是否有方法将ngModel与表单生成器一起使用?是否使用标记并绑定到表单?