Angular 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-

我是Angular的新手,我使用md选项卡组和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选项卡组
?很抱歉提供误导性信息。我的意思是,如果只有一个选项卡,就没有必要选择该选项卡。我试图清空标签,但仍然有一个空白的标签选择器。谢谢!我将尝试一下,然后稍后给出反馈