select HTML 的小显示问题

Question

我在 Angular，我创建了一个表单。当我到达页面时，select 有效但没有显示任何内容。

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

结果如下:

我想给这个:

问题可能出在数值上，我修改了好几次都没有用。

Answer 1

您可能需要查看 [selected] 属性或 [(ngModel)] 来为 select 下拉菜单提供默认值。

这种媒介 link 可能会帮助您更好地理解 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>

select HTML 的小显示问题

Small display problems of the select HTML

angular

forms

angular-forms

angular-template