Question

我正在尝试将bootstrap可折叠面板用于角度组件。从我所看到的引导方法是使用面板的ID以便崩溃。这可以单独使用，但是，当用于角度组件时，相同的id在折叠和非折叠模式之间切换时会产生不希望的效果。（总是第一个面板折叠/未折叠）

我的下一步是创建自定义折叠面板。这有效，可以在这里看到plunker，但崩溃效果不一样（plunker链接显示在我的面板和引导面板上）。

我的问题是如何将引导面板用于我的组件或如何更改css以在崩溃/解除崩溃时具有相同的引导效果。？

 <custom-filter-accordion button-text="Expand / Collapse Non-BootStrap"></custom-filter-accordion>

Answer 1

你绝对应该使用Angular-ui's integration with bootstrap。出于此特定目的，它们具有名为Collapse
的组件

他们已经有许多指令可以用于角度，并且应该加快你的开发时间