Question

我有这段代码：

<select #C (change)="changeSelect(zone.id, C.value)">
  <option *ngFor="let town of townsLocal" [attr.value]="town.data" [attr.selected]="town.data === zone.town && 'selected'">
    {{town.name}}
  </option>
</select>

代码非常简单，但是选择框显示了citieslocal中的最后一个条目，而不是选中的条目。选择的属性效果很好，选择返回好的值但显示效果不好。

如果我删除[attr.selected]属性，则会显示第一个条目。

我做错了什么？谢谢！

Answer 1

噢，我发现为什么它会像这样。我需要使用

[attr.selected]="town.data === zone.town && 'selected' || null"

否则它会在我的每个选项上添加一些选定的=“false”标签，而离子似乎不喜欢它

由于

Typsescript Select显示错误的值

1 个答案: