Question

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

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

我目前正在使用routerLink加载div的组件，我非常确定在其他地方导航时关闭的原因，但我不知道该怎么做改用。

如果有人熟悉SalesForce，他们就会完全按照我们的呼叫记录功能进行操作。

    <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
            <li>
                <a style="padding-top: 20px" [routerLink]="['NewCall']"><span class="glyphicon glyphicon-plus"></span></a>
            </li>
            <li>
                <p class="navbar-text">Hello, @User.Identity.Name!</p>
            </li>
        </ul>
    </div>
...
<div id="Call" #call>
</div>

Answer 1

div是否需要路由？即它需要有一个URL并通过URL导航到？

如果没有，您只需在*ngIf上添加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;
}

Answer 2

您可以在用户点击时设置Cookie，并在每个后续页面上加载检查该Cookie是否存在。如果是这样，请显示NewCall div。

导航时保持div加载

2 个答案: