Question

我正在尝试使用Angular 2创建一个下拉选择器。我有一个项目数组，它们都显示得很好，双向数据绑定工作。我唯一的问题是下拉选择器没有默认值。加载页面时，选择器字段为空。选择器位于我的应用程序的编辑视图中，这就是为什么我要将默认值与＆＃34; entityToEdit.cluster.id＆＃34;的值相匹配的原因。宾语。任何人都可以帮我解决这个问题吗？

<select [(ngModel)]="entityToEdit.cluster"
            name="clusterSelector">
      <option *ngFor="let data of clusterData" [ngValue]= "data">
        {{data.id}}
      </option>
</select>

Answer 1

只需在 ngOnInit

上设置默认值即可

ngOnInit() {
     this.entityToEdit.cluster ="defaultval";
}

Answer 2

Since you plan to show the selected id you should be setting the id as the ngmodel.
<select [(ngModel)]="entityToEdit.cluster['id']" 
                name="clusterSelector">
          <option *ngFor="let data of clusterData" [ngValue]= "data.id">
            {{data.id}}
          </option>
    </select>

Angular 2：默认值下拉选择器

2 个答案: