第一

第二

完成:我想要实现上述目标,反之亦然。例如:每当我点击“搜索项目列表”链接时,它的工作方式应类似于第二个屏幕截图,即div应该被扩展。每当我单击“搜索项目列表”或div以外的任何位置时,div都应该折叠,即它应该看起来像“第一张屏幕截图”。

问题:


每当我单击“搜索项目列表”链接时,引导程序的类仅会扩展和折叠,而包含在类中的其他组件不会像文本区域,按钮等那样折叠。并且始终保持扩展状态,您可以在提供的plnkr代码中看到。
每当我重新加载/刷新页面时,在重新加载/刷新期间始终会出现“第二个屏幕截图”之类的信息,但是在完全重新加载/刷新页面后,它看起来像“第一张屏幕截图”。需要的是,每当页面重新加载/刷新时,页面应始终显示为“ First Screenshot”。
每当我单击div之外的任何地方时,它的工作原理都类似于Second Screenshot。需要的是,每当我在div之外的任何地方单击时,它都应像First Screenshot一样工作,即应折叠。


Here is my plnkr: Plnkr Link

最佳答案

您可以尝试以这种方式进行。请检查一下。可能对您有帮助。 http://angular-ui.github.io/bootstrap/#/accordion

关于angularjs - 如何使用bootstrap和angularjs折叠和展开菜单?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30957884/

10-16 19:58