Question

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

我需要从数据库重新加载数据进行编辑，当我检索数据时，我需要在存储值的基础上设置选项的默认值。

我有这个：

  --driver-memory 2g --executor-cores 2
--driver-java-options="-XX:+UseG1GC"
--executor-memory 6g --num-executors 8
--conf spark.yarn.executor.memoryOverhead=1000 --conf spark.yarn.driver.memoryOverhead=1000

提前致谢。

Answer 1

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>

来自https://angular.io/docs/ts/latest/api/forms/index/SelectControlValueAccessor-directive.html：

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

如果您想使用ngModel绑定，请查看Binding select element to object in Angular 2

请注意，使用属性绑定时，不应/不应使用字符串插值

Answer 2

我建议你在ts或js文件中执行它取决于你使用的是typescript或javascript。

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

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

并设置

this.selectedValue = response.value;

在回叫功能中。

Answer 3

<select class="form-control"> <option *ngFor="let area of areaData" value="{{area.id}}" [selected]="area.id == userData.area_id"> {{area.area_name}} ({{area.area_pin}}) </option> </select>

在Angular 4中使用[selected]作为动态选择字段。

Answer 4

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

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

4 个答案: