显示基于条件的组件

Question

我在app.component.ts

中有此字段

front: boolean = true;

我正在app.component.html

中显示此组件模板

<app-navbar></app-navbar>

这有效，但我想根据front的值显示该组件（或不显示），所以我尝试了类似这样的功能：

<*ngIf="front" app-navbar></app-navbar>

如何实现这一目标？

Answer 1

将ngIf放在app-navbar（组件名称）

之后

<app-navbar *ngIf="front"></app-navbar>

Answer 2

<app-navbar *ngIf="front"></app-navbar>

您必须打开标签（使用app-nav），然后使用* ngIf