更多

Question

我打算在每篇文章的底部创建多个展开/折叠按钮，我使用AngularJS在流中显示。这就是我的页面结构：

<h1>Heading of the Page</h1>
<div class="item-content-wrapper">

<div class="item-content-block">
<article id="item-content" class="item-content">Some very long text goes here.
</article>
</div>
<div class="action-bar-wrapper">
    <div class="action-bar">
        <div class="action-button">
            <icon name="expand">E</icon>
        </div>
        <div class="action-button">
            <icon name="share">S</icon>
        </div>
    </div>
</div>

我有多个item-content-blocks，我想使用AngularJS展开和折叠每个块（请不要在任何地方使用jQuery）。由于将有多个块，具有相同的类名和所有内容，因此需要可扩展的代码。

我刚刚开始使用AngularJS，所以任何帮助都将受到赞赏。谢谢！

Answer 1

由于会有多个具有相同类名和所有内容的块，因此需要一个可扩展的代码。

您基本上应该让每个块都从视图模型中的项目中移除。只是每个项目的expanded（布尔值）选项。然后，您可以使用ngClass驱动css类。

展开AngularJS中的折叠按钮

1 个答案:

更多