angular - 如何在 Angular 表单字段的选择选项中显示默认值

Question

我在 Angular 6 应用程序中有一个选择表单字段，选项来自一个数组。但是default value没有显示或selected state？到目前为止，我的代码如下：

<select formControlName="category" class="form-select">
    <option *ngFor="let state of category" [value]="state.category">
        {{ state.category }}
    </option>
</select>

ts.文件

category = [
    { category: 'Nothing'},
    { category: 'Additional'},
    { category: 'Changing'},
  ];


ngOnInit() {
this.serviceForm = new FormGroup({
  category: new FormControl(this.category[0]),
});

}

标签： angular

Answer 1

为 ngModel 设置默认值以进行选择，例如：

class AppComponent {
  defaultCateg:string="Additional";
}

html:

<select [ngModel]="defaultCateg">

这是一个例子