选择HTML的小显示问题

Question

我在Angular上，我创建了一个表单。当我到达页面时，选择工作但没有显示任何内容。

<select formControlName="breed" required>
    <option value="undefined" selected="true">{{ 'pet.choose_breed' | translate }}</option>
 </select>

结果如下：

我希望能够提供：

问题可能来自价值，我修改了几次但没有任何作用。

Answer 1

您可能需要查看[selected]属性或[(ngModel)]，为您的选择下拉列表提供默认值。

此媒体链接可能有助于您更好地了解https://medium.com/@phismonster/set-default-value-for-select-in-angular-2-27f0da413935

Answer 2

如果我理解正确，您希望在select元素上显示占位符。

<select placeholder="choisir une race" formControlName="breed" required>
    <option value="undefined" selected="true">{{ 'pet.choose_breed' | translate }}</option>
    <option [value]="breed.id" *ngFor="let breed of breeds">{{ breed.lib }}</option>
 </select>