Angular4 双层嵌套有隐藏需求的元素问题

Question

是这样的，比如第一层有 五 种情况，其中在外层允许显示时一项或几项元素还有隐藏需求。

外层可以用 ngSwitch 如下，当num = 0 时，也就是第一项显示时，还要在某一个时间第一项中两个按钮做显示、隐藏的切换。不能两层 ngSwitch 嵌套吧。Angular4 中没有类似 nghide 之类的属性吗？

<div [ngSwitch]="num">
      <div *ngSwitchCase="0">ngSwitchCase 0</div>
      <div *ngSwitchCase="1">ngSwitchCase 1</div>
      <div *ngSwitchCase="2">ngSwitchCase 2</div>
      <div *ngSwitchCase="3">ngSwitchCase 3</div>
      <div *ngSwitchDefault>ngSwitchCase Default</div>
    </div>

Answer 1

只有*ngIf

你再第二层再加一组*ngIf; else不就可以了。

<ng-container *ngIf="caseA; else caseB">
    <button></button>
</ng-container>
<ng-template #caseB>
    <button></button>
</ng-container>