Angular 显示/隐藏角度组件(我需要基于单击切换(显示或隐藏)这两个角度组件)

Angular 显示/隐藏角度组件(我需要基于单击切换(显示或隐藏)这两个角度组件),angular,Angular,我需要根据单击切换(显示或隐藏)这两个角度分量 <app-product-list ></app-product-list> <app-service-list></app-service-list> 如果为“单击切换”组件中名为foo的变量编写代码,则HTML可以如下所示: <app-product-list *ngIf="this.foo"></app-product-list> <app-s

我需要根据单击切换(显示或隐藏)这两个角度分量

<app-product-list ></app-product-list>
<app-service-list></app-service-list>

如果为“单击切换”组件中名为
foo的变量编写代码,则HTML可以如下所示:

<app-product-list *ngIf="this.foo"></app-product-list>
<app-service-list *ngIf="!this.foo"></app-service-list>