如何使用uibootstrap和angularjs折叠和展开菜单？

Question

首先

二

做到：我想实现这样的事情，因为我们可以在上面的截图，反之亦然看到。例如：每当我点击“搜索项目列表”链接时，它应该像Second screenshot一样工作，即div应该被展开。只要点击“使用项目列表搜索”或div外的任何地方，div应该折叠，即它应该看起来像First截图。

问题：

1. 每当我点击链接只有自举类以及扩大和崩溃，但类以及包围的其他组件不垮像“与项目列表搜索”文本区域，按钮等，。并且它始终保持展开状态，您可以在提供的plnkr代码中看到它。
2. Whenenver我重新加载/刷新页面，在重新加载/刷新期间总会出现类似Second screenshot的内容，但在页面完全重新加载/刷新后，它看起来像First Screenshot。当页面重新加载/刷新时，页面应该始终显示为First Screenshot。
3. 每当我点击div之外的任何东西，它就像Second Screenshot一样。需要的是，当我点击div外的任何地方时，它应该像First Screenshot一样工作，即它应该崩溃。

Here is my plnkr:Plnkr Link

Answer 1

你可以尝试这样做。请检查一下。可能对你有帮助。 http://angular-ui.github.io/bootstrap/#/accordion