基于条件的显示组件

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>