代码之家 › 专栏 › 技术社区 › inhaq

点击两次按钮处理其他组件中的ngif语句

angular-ng-if variables angular javascript

inhaq · 技术社区 · 6 年前

我在我的站点中添加了breadcrumb,当点击它时,它会使这个特定的变量未定义(哪个会话存储了值,并且可以在其他组件中轻松地检索到),基于此,在其他组件中,我为这个变量设置了ngif,如果这个变量未定义,那么不应该显示那个特定的div,而应该显示其他div展示。你可以通过研究以下的礼物得到更多的想法。

我面临的问题是第一次点击它不会回到第二次点击它所做的另一个div。

在breadcrumb for model(或其值)上单击两次就可以了,但我想这样做是在第一次单击时发生的。

breadcrumb组件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>