Angular md选项卡如果只有一个选项卡,则隐藏标题
我是Angular的新手,我使用md选项卡组和md选项卡来显示信息,它基本上喜欢:Angular md选项卡如果只有一个选项卡,则隐藏标题,angular,user-interface,tabs,angular-ui,Angular,User Interface,Tabs,Angular Ui,我是Angular的新手,我使用md选项卡组和md选项卡来显示信息,它基本上喜欢: <md-tab-group *ngIf="obj"> <md-tab *ngIf="obj.info1"> ..... </md-tab> <md-tab *ngIf="obj.info2"> ..... </md-tab> <md-
<md-tab-group *ngIf="obj">
<md-tab *ngIf="obj.info1">
.....
</md-tab>
<md-tab *ngIf="obj.info2">
.....
</md-tab>
<md-tab *ngIf="obj.info3">
.....
</md-tab>
</md-tab-group>
.....
.....
.....
现在我被要求隐藏标签,如果只有一个标签,但我不知道怎么做。
提前感谢您的帮助:)您可以使用一个简单的
*ngIf
语句来检查数组的长度。如果大于1,则使用md选项卡
,如果==1
,则使用任何正常的内容区域标记,如
。我认为不可能隐藏md选项卡标签
选择器,而只显示md选项卡的md选项卡内容
以下是我能想到的解决方案:
<h1>Array Length > 1</h1>
<md-tab-group *ngIf="obj.length > 1">
<md-tab *ngFor="let item of obj" [label]="item.title">{{ item.content }}</md-tab>
</md-tab-group>
<h1>Array Length 1</h1>
<p *ngIf="obj.length == 1">
{{ obj[0].content }}
</p>
数组长度>1
{{item.content}
数组长度1
{{obj[0].content}
希望这有帮助 你说的“选择器是自我”是什么意思?整个md选项卡组
?很抱歉提供误导性信息。我的意思是,如果只有一个选项卡,就没有必要选择该选项卡。我试图清空标签,但仍然有一个空白的标签选择器。谢谢!我将尝试一下,然后稍后给出反馈