使用ngmodel时选择不显示的占位符值

时间:2017-06-07 15:54:11

标签: html5 angular select

我正在尝试选择下拉列表,将第一个选项显示为占位符值

以下代码可以使用

<form (ngSubmit)="citySubmit(f)" #f="ngForm">
        <select>
          <option value="" disabled selected>Select Your City</option>
        <option *ngFor="let c of cities" [value]="c">{{c}}</option>
      </select>

      </form>

但以下代码不是

<form (ngSubmit)="citySubmit(f)" #f="ngForm">
        <select
        [ngModel]="city">
          <option value="" disabled selected>Select Your City</option>
        <option *ngFor="let c of cities" [value]="c">{{c}}</option>
      </select>

      </form>

这让我相信我错误地使用了ngmodel。

请给我一些指导。

1 个答案:

答案 0 :(得分:0)

应该是,

更改

<强> From

 <select [ngModel]="city">

<强> To

<select [(ngModel)]="city">