Question

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

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

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

我尝试过设置条件文本like here，但它仍然会显示标签（没有文字）。我希望隐藏标签。

例如，如果我有多个标签，我想显示“标签1”和“标签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

您可以执行类似

的操作

~MAP_NORESERVE

如果我有多个选项卡，如何在角度2中显示选项卡标题

1 个答案: