在Angular 4中，我在json配置文件中定义了以下配置.
countries: ['USA', 'UK', 'Canada'];
default: 'UK'
我需要使用react 性模块在下拉列表中显示这些内容.
以下是执行此操作的代码(ts)
countries: string[] = [];
default: string;
...
this.countries = config.countries;
this.default = config.default;
html
<select id="country" formControlName="country" >
<option *ngFor="let c of countries" [value]="c" >{{c}}</option>
</select>
这将完成这项工作，并在下拉列表中显示国家.
所以，我试着做这样的事情
{{c}}
然而，这是行不通的.默认情况下，如果选中，则为空值.
如何确保默认情况下 Select 了预定义值？
试着这样做:
component.html个
<form [formGroup]="countryForm">
<select id="country" formControlName="country">
<option *ngFor="let c of countries" [ngValue]="c">{{ c }}</option>
</select>
</form>
component.ts个
import { FormControl, FormGroup, Validators } from '@angular/forms';
export class Component {
countries: string[] = ['USA', 'UK', 'Canada'];
default: string = 'UK';
countryForm: FormGroup;
constructor() {
this.countryForm = new FormGroup({
country: new FormControl(null);
});
this.countryForm.controls['country'].setValue(this.default, {onlySelf: true});
}
}