Javascript 单击按钮“处理其他组件中的ngIf语句”两次

我在我的站点中添加了breadcrumb，这样当点击它时，它会使特定变量未定义（会话存储了值，可以在其他组件中轻松检索），并基于此，在另一个组件中，我为该变量定义了ngIf，如果该变量未定义，则不应显示特定div，而应显示其他div。您可以通过查看以下GIF了解更多信息

我面临的问题是，在第一次单击时，它不会返回到第二次单击时所做的其他div

在模型（或其值）的面包屑上单击两次可以实现这一点，但我想在第一次单击时实现这一点

面包屑组件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>

选择你的承运人

---

代码在哪里？让我添加代码，我想从场景中可能会很清楚，因为代码中没有这样的错误。@BirjuShah添加了代码，请看一看从您的描述很难说，您到底想要实现什么。也许你可以添加一个解决方案。谢谢，我解决了这个问题，我会尽快添加解决方案