仅当我有多个选项卡时，如何以角度 2 显示选项卡标题

Question

使用 angular 2，我使用的是<tabs> 元素。我迭代了一些条件以将它们显示为不同的选项卡。代码如下所示：

<tabs>
    <tab *ngFor="let item of items; let index = index" [title]="'message.productDetail.'+(index>0?'end':'start')">
    ...
    </tab>
</tabs>

我想添加一个条件以仅在 items.length > 1 时显示 [title]。我想避免显示只有一个标签的标签。

我尝试输入条件文本like here，但它仍然显示选项卡（没有文本）。我想隐藏标签。

例如，如果我有多个选项卡，我想显示“Tab 1”和“Tab 2”。但是，如果我只有“Tab 1”或“Tab 2”，我希望将这些选项卡视为面板。

我想显示选项卡的内容，我只是不想拥有“选项卡选择器”，因为它是不必要的并且占用大量空间。我希望它表现得像一个面板。

我让它工作的方式不是很好，因为我做了一些复制和粘贴代码。像这样：

<tabs *ngIf="items.length > 1">
    <tab *ngFor="let item of items; let index = index" [title]="'message.productDetail.'+(index>0?'end':'start')">
    ... Content using item variable
    </tab>
</tabs>

<div *ngIf="items.length == 1">
    ... Same content as before using a hardcoded items[0] variable
</tabs>

Answer 1

答案在https://github.com/angular/angular/issues/2869

你可以这样做

<tabs>
<tab *ngFor="let item of items; let index = index"   
[attr.title]="items.length > 1 ? 'message.productDetail.'+(index>0?'end':'start') : undefined">
...
</tab>