小编Lem*_*nns的帖子

Angular - 如何使用 ngFor 在选择选项之间添加分隔线?

我正在使用 ngFor 用选项填充我的选择。

<select>
  <option *ngFor='let item of items; let i = index, [value]='item.name',)> {{ item.label }} </option>
</select>
Run Code Online (Sandbox Code Playgroud)

我想在某个选项后添加一个分隔符。所以像这样的事情

Item1
Item 2
-- Divider --
Item 3
Run Code Online (Sandbox Code Playgroud)

我已经通过使用索引显示分隔线了

<option *ngFor='let item of items; let i = index, [value]='item.name',)> {{ item.label }} {{ i == 2 ? '----' : ''}}</option>
Run Code Online (Sandbox Code Playgroud)

但我似乎无法让它符合自己的路线。
关于如何做到这一点有什么建议吗?另外,任何关于如何拥有比 --- 更好看的分隔器的建议将不胜感激。

谢谢!

ngfor angular

2
推荐指数
1
解决办法
2768
查看次数

标签 统计

angular ×1

ngfor ×1