дважды щелкните по кнопке, чтобы обработать оператор ngIf в другом компоненте - PullRequest
Новая
       5

дважды щелкните по кнопке, чтобы обработать оператор ngIf в другом компоненте

0 голосов
/ 06 июня 2018

Я добавил крошку на свой сайт таким образом, чтобы при нажатии на нее эта конкретная переменная оставалась неопределенной (в каком сеансе сохранено значение и ее можно было легко получить в другом компоненте), а на основании этого - в другом компоненте, для которого я ngIfэта переменная такая, что если эта переменная не определена, то этот конкретный div не должен показываться, а другой div должен показываться.Вы можете получить больше идей, изучив следующие рисунки.

Проблема, с которой я сталкиваюсь, заключается в первом щелчке, не возвращайтесь к тому другому div, который он делает во втором щелчке.

Двойной щелчок по хлебной крошке для модели (или ее значения) делает свое дело, но я хочу, чтобы это происходило при первом щелчке.

Файл компонента Breadcrumb: 

@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>

...