如何使用[（ngModel）]

Question

在我的代码中，我使用select下拉菜单，但是当我使用[[ngModel）]时 则它不显示标签，如果我删除[[ngModel）]，则标签可见。

<ion-content>
    <select name="animalilist" [(ngModel)]="animal" >
        <option value="" disabled>
            <label for="animallist">Animal Type </label>
        </option>
        <optgroup label="Big Animal">
            <option value="buffalo">Buffalo</option>
            <option value="bull">Bull</option>
            <option value="cow">Cow</option>
            <option value="camel">Camel</option>
        </optgroup>
    </select>
</ion-content>

如果我删除ngmodel，这是我的o / p

如果存在ngmodel，则这是我的o / p

Answer 1

简单的方法是将ngModel设置为空，并使用

这样的默认选项

set animal= ''

<ion-content>
<select name="animalilist" [(ngModel)]="animal" >
<option value="" disabled> <label for="animallist">Animal Type </label> </option>
  <optgroup label="Big Animal">
      <option value="buffalo">Buffalo</option>
      <option value="bull">Bull</option>
      <option value="cow">Cow</option>
      <option value="camel">Camel</option>
  </optgroup>
</select>
</ion-content>