单击两次按钮处理其他组件

Question

我在我的网站中添加了痕迹，这样当点击它时，它会使该特定变量未定义（哪个会话存储值并且可以在其他组件中轻松检索）并且基于此，在其他组件中我已经用于该变量如果该变量未定义则不应显示该特定div，并且应显示其他div。您可以通过查看以下GIF来获得更多想法。

我面临的问题是第一次点击它不会再回到第二次点击时所做的其他div。

在breadcrumb上单击两次Model（或其值）可以做到这一点，但我想在第一次点击时执行此操作。

面包屑组件TS文件：

@SessionStorage() model: any;
onClickModel(m){
    this.model = m.value; // gets the value from button and set as model value
  }

其他组件HTML文件：

<div class="model" *ngIf="model && !provider">
<div class="row">
    <div class="col-md-12 text-center pb-20">
        <h2>Choose your Carrier</h2>
    </div>
</div>
<div class="row">
    <div class="col-md-12 text-center">
        <!-- That next component buttons for providers -->
    </div>
</div>