角度下拉

Question

以下是我的Angular5代码

<div class="section">
        <h6 style="font-weight:bold">Select a Branch</h6>
        <select [(ngModel)]='Schedule.Branch'>
            <option *ngFor="let item of DataList;let i = index" value="{{item.Code}}" [selected]="i == 0">
              {{item.Name}}
            </option>
          </select>
      </div>

我在stackoverflow上看到一个帖子来设置Angular中的选定选项，同样我在我的代码中尝试了

[selected]="i == 0 "

如果我等于0则表示应选择第一个选项

我在ngFor loop中定义

*ngFor="let item of BranchList;let i = index"

但它不起作用，我也试过

[selected]="item.index == 0 "

但是不起作用，如何将第一个选项设置为选中？

Answer 1

如果您使用的是ngModel，则无需与selected绑定，代码应该是这样的

<div class="section">
  <h6 style="font-weight:bold">Select a Branch</h6>
  <select >
      <option *ngFor="let item of this.dataList;let i = index" value="{{item.code}}" [selected]="i == 2">
        {{item.name}}
      </option>
    </select>
</div>

Working Example

Answer 2

console.log和[(ngModel)]='schedule.branch'都是冲突的。根据您的喜好，您只能使用一个。

<强> HTML

角度下拉

[selected]="i == 0"

<强>组件

<div class="section">
    <h6 style="font-weight:bold">Select a Branch</h6>
    <select>
      <option *ngFor="let item of this.dataList;let i = index" value="{{item.code}}" [selected]="i == 0">
        {{item.name}}
      </option>
    </select>
</div>

Demo

在ngFor Anular 5中设置DropDown列表的选定值

2 个答案:

角度下拉