Angular 导航时保持div已加载

我有一个div（NewCall），当用户在我的SPA中的页面之间导航时，我希望它保持打开状态

该div位于我的布局页面中，在用户单击时加载，但当我导航到其他地方时，该div关闭

我目前正在使用routerLink为div加载组件，我很确定这就是为什么在其他地方导航时会关闭，但我不确定应该使用什么来代替

如果有人熟悉SalesForce，他们的通话记录功能正是我想要的

你好，@User.Identity.Name



...

---

您可以在用户单击时设置cookie，并在随后的每个页面加载时检查cookie是否存在。如果是，则显示NewCall div.

div是否需要可路由？也就是说，它是否需要有一个URL并通过URL导航到

如果没有，您只需在

div

上添加一个

*ngIf

，并在用户单击菜单栏时显示

<div class="collapse navbar-collapse">
    <ul class="nav navbar-nav navbar-right">
        <li>
            <a style="padding-top: 20px" (click)="setCallSectionVisible()"><span class="glyphicon glyphicon-plus"></span></a>
        </li>
        <li>
            <p class="navbar-text">Hello, @User.Identity.Name!</p>
        </li>
    </ul>
</div>
...
<div id="Call" *ngIf="callSectionVisible" #call>
</div>

<div class="collapse navbar-collapse">
    <ul class="nav navbar-nav navbar-right">
        <li>
            <a style="padding-top: 20px" (click)="setCallSectionVisible()"><span class="glyphicon glyphicon-plus"></span></a>
        </li>
        <li>
            <p class="navbar-text">Hello, @User.Identity.Name!</p>
        </li>
    </ul>
</div>
...
<div id="Call" *ngIf="callSectionVisible" #call>
</div>

setCallSectionVisible() {
    this.callSectionVisible = true;
}