Question

我需要从按钮中折叠其他组件。所以我有一个指令名collapse，我想将目标崩溃设置为直截了当。

    <div class="panel-heading">
      <h4 class="panel-title">
        <a [collapse]="isColapse" [collapseTarget]="collapseme" (click)="isColapse= !isColapse">
        </a>
      </h4>
    </div>
    <div id="collapseme">
      <div class="panel-body">
        collapse content
      </div>
    </div>

但我无法找到解决方案。你有任何解决方案吗？

Answer 1

好像你使用过bootstrap。你可以通过bootstrap来做到这一点 collapse

Answer 2

添加模板变量#collapseme

<div class="panel-heading">
  <h4 class="panel-title">
    <a [collapse]="isColapse" [collapseTarget]="collapseme" (click)="isColapse= !isColapse">
    </a>
  </h4>
</div>
<div id="collapseme" #collapseme> <!-- modified -->
  <div class="panel-body">
    collapse content
  </div>
</div>

获取对其他元素的目标的引用

2 个答案: