Question

在角度2中，我的应用程序具有以下内容

<my-app>

<item></item>
<item></item>
<item></item>
<item></item>

</my-app>

在某个时间点，系统会发送通知，因此必须将通知组件添加到“”。我们怎样才能做到这一点。我们在角度2中使用哪个概念

<my-app>

<item></item>
<item></item>
<item></item>
<item></item>

<notification></notification>

</my-app>

Answer 1

我相信你正在寻找ngIf。 ngIf允许您根据条件显示内容。这可以是表达式，也可以只是布尔值。

例如，您可以将通知设置为仅在名为＆＃39; notify＆＃39;的变量时显示。是真的，否则它不会显示。将其放在您的HTML模板中，例如：

<notification *ngIf="notify"></notification>

通过更改component.ts文件中的变量来更改是否显示。

export class MyComponent {

    notify = false;

    displayNotificaiton() {
        this.notify = true;
    }

}

您可能还想阅读ngIf文档。