选择不在Angular 2中选择-Java 学习之路

在 angular 2 代码中使用ngFor填充选项 . 默认情况下，我需要在任何给定索引处选择任何特定选项 .

我使用了 [attr.selected]="i == 0" ，但它是 selects last option 而不是第一个 .

这是我的代码

<select id="roles" required formControlName="userRole">
    <option *ngFor="let roles of URoles;let i = index" [attr.selected]="(i==0)" [value]="roles._id">{{ roles.name }}</option>
</select>

可能是什么问题呢？为什么不选择第一个选项？

3 回答

根据我的理解，选择是有效的，因为它应该工作 . 所以一个简单的解决方案将是

<ng-container *ngFor="let roles of universityAllRoles;let first = first"<option [attr.selected]="first" [value]="roles._id">{{ roles.name }}</option></ng-container>

回复于 2024-04-27T22:42:55+08:00

这可能对你有帮助

<select id="roles" required formControlName="userRole">
 <option *ngFor="let roles of URoles;let i = index;" [value]="roles._id" selected="i==0">{{roles.name}}</option>
</select>

这里也不需要 ng-container .

答案2 - 如果您需要使用 attr.selected 属性，请使用以下代码：

<select id="roles" required formControlName="userRole">
 <option *ngFor="let roles of URoles;let i = index;" [value]="roles._id" [attr.selected]="i == 1">{{roles.name}}</option>
</select>

回复于 2024-04-27T22:42:55+08:00

请试试这个

<select id="roles" required formControlName="userRole">
    <option *ngFor="let roles of URoles" [selected]="roles._id == 0" [value]="roles._id" >{{ roles.name }}</option>
</select>

为我工作 . 希望这对你有用 .

回复于 2024-04-27T22:42:55+08:00

选择不在Angular 2中选择

3 回答

相关问题