нг-бутстрап два коллапса не работает, как нужно в угловых 6 - PullRequest
Новая
       7

нг-бутстрап два коллапса не работает, как нужно в угловых 6

0 голосов
/ 16 декабря 2018

Пытаюсь создать боковую панель с помощью ng-bootrap, и я использую свернуть

ng-bootrap collaspe

при сбое я пытаюсь вызватьальтернативно два свертки

пример: -

1) при нажатии кнопки home только ее подменю должны показывать, что другие подменю настроек должны быть закрыты.

homecollpase

2) если нажата кнопка настройки, только в ее параметрах подменю должно отображаться закрытие других подменю.

установка свертки

но в моем случае коллапс не работает соответственно

коллапс открывается, но другой коллапс не закрывается автоматически

Есть идеи, как это будет работать?используемый код показан ниже 

<p>
  <button type="button" class="btn btn-outline-primary" (click)="isCollapsed = !isCollapsed"
          [attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample">
    home parent
  </button>
</p>
<div id="collapseExample" [ngbCollapse]="isCollapsed">
  <div class="card">
    <div class="card-body">
      Ysubmenu 1
      <br>
      Ysubmenu 2
    </div>
  </div>
</div>
<p>
<button type="button" class="btn btn-outline-primary" (click)="isCollapsedsetting = !isCollapsedsetting"
          [attr.aria-expanded]="!isCollapsedsetting" aria-controls="collapseExamplesetting">
setting parent
</button>
</p>
<div id="collapseExamplesetting" [ngbCollapse]="isCollapsedsetting">
  <div class="card">
    <div class="card-body">
      Ysubmenu 1
      <br>
      Ysubmenu 2    </div>
  </div>
</div>
...