Angular 4 - ngfor与ngif错误

Question

我正在开发anuglar 4项目，其中数据在组件中获取 在select html中循环显示它，但我想根据它的名称标记特定选项

代码

<select class="form-control" id="exampleSelect1">
    <option  *ngFor="let field of fields" *ngIf="field.name == 'Select me'; then selected='true'">{{field.name}}</option>
</select>

但在使用ngif和ngfor

时它无法正常工作

错误

Error: Template parse errors:
Can't have multiple template bindings on one element. Use only one attribute named 'template' or prefixed with *

Answer 1

而不是ngIf您可以使用[selected] =“field.name ==='选择我''属性来选择选项

<select class="form-control" id="exampleSelect1">
        <option  *ngFor="let field of fields" [selected]="field.name==='Select me'">{{field.name}}</option>
    </select>