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



我有一个FormGroup,如下所示:

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]})

我在html表单中的选择字段Group如下:

<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>

有没有办法从控制器中检查正确的选项?

我正在更新这个人体中init上的表单控件

this.form.get('category').setValue(cat[0])

它会正确更新表单值,但不会选中前端的框。我用的是表单生成器,而不是ngModels,我以前也用过ngModels和formControl,但现在不行了。它说我们不能再这样做了,我也找不到方法。有人能帮忙吗?

试试这个

value ="{{cat}}"

最新更新