Angular 角度2：如何在选项选择中处理*ngif

如何使用*ngif设置特定的默认选定选项

我需要从数据库重新加载数据以进行编辑，当我检索数据时，我需要在一个存储值中设置选项的默认值

我有这个：

<select class="form-control" id="deviceModel">
        <option value="">Select a category</option>
        <option *ngFor='let element of category'*ngIf="{{element}}==={{nameDevice}}" value="{{element}}">{{element}}</option>    
    </select>

选择一个类别
{{element}}

---

提前感谢。

ngIf用于结构操作，基本上是在DOM中还是删除了某些内容。如果要绑定到选定的属性，可以使用：

<select class="form-control" id="deviceModel">
    <option value="">Select a category</option>
    <option *ngFor='let element of category' [selected]="element === nameDevice" [value]="element">{{element}}</option>    
</select>

选择一个类别
{{element}}

发件人：

如果选项值是简单字符串，则可以绑定到普通字符串 选项上的值属性。如果您的选项值恰好是 对象（并且您希望将表单中的选择保存为 对象），改为使用ngValue

如果要使用

ngModel

绑定，请查看

---

请注意，在使用属性绑定时，您不应该使用字符串插值，我建议您在ts或js文件中使用，这取决于您使用的是typescript或javascript

我假设当您通过向API发送ajax请求从数据库加载数据时？使用ngModel在模板中绑定数据（本例中为selectedValue）

<select [(ngModel)]="selectedValue">
  <option *ngFor="let c of category" [ngValue]="c">{{c.name}}</option>
</select>

在回拨功能中。

{{area.area_name}}（{{area.area_pin}}）

对Angular 4中的动态选择字段使用

[selected]

。

<select class="select1 minimal" [(ngModel)]="A.SkipTo">
 <option *ngFor="let B of Logic" [selected]="B.Question_text == A.SkipTo">{{B.Question_text}}</option> 
</select>

{{B.问题{U文本}

<select class="select1 minimal" [(ngModel)]="A.SkipTo">
 <option *ngFor="let B of Logic" [selected]="B.Question_text == A.SkipTo">{{B.Question_text}}</option> 
</select>