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

Question

首先

第二个

完成：我想在上面的截图中看到这样的东西，反之亦然。例如：每当我点击“使用项目列表搜索”链接时，它应该像第二个屏幕截图一样工作，即应该扩展div。每当我点击“使用项目列表搜索”或div之外的任何位置时，div应该会崩溃，即它应该看起来像第一个截图。

问题：

1. 每当我点击“使用项目列表搜索”链接时，只有引导程序的类扩展和折叠，但类中包含的其他组件不会像textarea，按钮等那样崩溃。并且它总是保持扩展，你可以在plnkr提供的代码中看到。
2. 当我重新加载/刷新页面时，在重新加载/刷新期间总会出现类似第二个屏幕截图的内容，但在页面完全重新加载/刷新之后，它看起来像First Screenshot。需要的是，每当页面重新加载/刷新时，页面应始终显示为First Screenshot。
3. 每当我点击div之外的任何内容时，它就像第二个截图一样。需要的是每当我点击div之外的任何地方时，它应该像First Screenshot一样工作，即它应该崩溃。

Here is my plnkr: Plnkr Link

Answer 1

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