如何使用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与表单生成器一起使用?是否使用标记并绑定到表单?