Angular 5下拉设置默认值

时间:2018-06-22 09:42:40

标签: angular5 dropdown

我正在尝试从Angular 5下拉列表中预选(设置为默认值)。

有三个值,我正在尝试使用此代码设置第二个值,但是它不起作用。我无法在组件中进行任何更改,只能在模板中进行更改。

<select [(ngModel)]="declaration.media" name="media" (change)="onChangeMedia()" class="form-control form-control-sm" required>
    <option *ngFor="let media of mediaArray" value="{{media.value}}" selected = "{{media.value == '02'}}">{{media.text}}</option>
</select>

更新:如果我删除[[ngModel)],那么它可以工作,但是没有两种方式绑定。

1 个答案:

答案 0 :(得分:0)

<select>
  <option value="" selected disabled hidden>Choose here</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>