javascript - 另一个 div 上的 AngularJS 可折叠/切换类

标签 javascript angularjs

我几天前才开始使用 AngularJS,我想知道如何通过单击另一个 div 上的按钮来切换类,我想从 Twitter Bootstrap 实现可折叠的东西。他们所做的只是向目标 div 添加一个 in 类(其余部分由 CSS 处理)并设置 div 的高度。

我知道有 AngularUI Bootstrap,但他们只有一个 Accordion 可用,这不是很方便,因为我不会在可折叠内容附近的任何地方触发折叠。

最佳答案

你可以在你的 div 上使用 ng-class:

    <div ng-class="{in: myvar == true}">foo</div>

您只需在您的 Controller 中将 myvar 设置为 true 即可应用 css。

关于javascript - 另一个 div 上的 AngularJS 可折叠/切换类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14757000/

相关文章:

javascript - AngularJS 强制提交不发送一些隐藏的输入值

javascript - 图片提交后如何取消预览?

javascript - 返回javascript对象中的最大值

javascript - 如何在 javascript 中插入带有 angularJS 属性的 HTML?

angularjs - UI Bootstrap 预输入 : Make input invalid if no option is selected

AngularJS/UI ui-sortable 没有隔离范围?

javascript - AngularJS 的基本可拖动功能?

javascript - 如何在选择中查找和删除 optgroup 和选项?

javascript - jQuery 中奇怪的叠加显示问题

javascript - 使用 Javascript Bookmarklet 按标题对页面内容进行分块(第 2 部分)