ナビゲート時にdivをロードする

Question

私がSPAのページ間を移動するときに開いておくdiv（NewCall）があります。

divは私のレイアウトページにあり、ユーザーのクリックで読み込まれますが、他の場所をナビゲートするとdivが閉じます。

私は現在、divのコンポーネントをロードするためにrouterLinkを使用していますが、他の場所をナビゲートするときにクローズしているのは確かですが、代わりに何を使用するのかは分かりません。

誰かが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 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

そのクッキーが存在する場合には、ユーザーのクリックで、後続の各ページの読み込みチェックにクッキーを設定することができます。その場合は、NewCall divを表示します。