ng-bootstrap 2崩溃无法在角度6中按需工作

时间:2018-12-16 16:27:21

标签: angular sidebar ng-bootstrap

我正在尝试使用ng-bootrap制作侧边栏,而我正在使用折叠

ng-bootrap collaspe

  

通过崩溃我试图交替触发两个崩溃

示例:-

1)如果单击主页按钮,则仅其子菜单选项应显示应关闭其他设置子菜单。

homecollpase

2)如果单击设置按钮,则仅其子菜单选项应显示其他主子菜单应关闭。

setting collapse

  

但就我而言,崩溃无法相应地工作

折叠会打开,但其他折叠不会自动关闭

  

任何想法如何运作?如下所示的二手代码

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

0 个答案:

没有答案