Question

我在typeScript文件中定义了一个数组

 statusList: string[] = ['YES','NO']

现在我在HTML页面中遍历数组

 <select id='status' [(ngModel)]="model.truckStatus" name = "status" #status = "ngModel" required>
    <option *ngFor = "let status of statusList">
 </select>

当我默认加载页面时，我得到一个空选项，如何在默认情况下从数组中选择第一个值？

Answer 1

一种解决方案是将以下行添加到组件ngOnInit（）方法中：

this.model.truckStatus = this.statusList [0];

如果在组件类中没有定义statusList，我们应该删除this关键字并导入statusList数组。

Answer 2

像这样的东西。在属性条件中，您可以设置任何功能并检查一些属性。

<select id='status' 
        [(ngModel)]="model.truckStatus" 
        name = "status" 
        #status = "ngModel" 
        required>

    <option *ngFor = "let status of statusList"
            [attr.selected]="status === 'YES'">
 </select>

Angular 2删除空白选项并仅选择第一个选项

2 个答案: