字体 选择显示错误的值

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>

代码非常简单，但选择框向我显示 townslocal 中的最后一个条目，而不是选定的条目。选择的属性工作正常，选择返回我良好的值，但显示不好。

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

我做错了什么？谢谢！

Answer 1

哦

，我找到了为什么它的行为是这样的。我需要使用

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

否则它会在我的每个选项上放置一些 selected="false" 标签，离子似乎不喜欢它

谢谢