javascript - 使用 angularjs 过滤器显示包含特定 css 类的元素

Question

我有一个 angularjs 应用程序。我的 html 中有一个复选框:

<input ng-true-value="Paused" ng-model="paused" type="checkbox">Show Paused

当我单击此复选框时，它应该只显示具有 class='paused' 的元素. 例如，假设这是我的观点:

<span class="paused">1</span>
<span class="notpaused">2</span>
<span class="notpaused">3</span>

所以当我点击 Show Paused 时，我只想要 <span>与 class="paused"在 View 中可见。其他元素应该从 View 中隐藏。我知道如何在 angularjs 中使用过滤器，但是当我们必须按类名进行过滤时，我不知道该怎么做。 有什么建议吗？

Answer 1

如果您使用 ng-model 更改 pause 变量的值，它将给出 true 或 false 的结果。

所以，你可以像这样使用它

    <span ng-if="paused">1</span>
    <span ng-if="!paused">2</span>
    <span ng-if="!paused">3</span>

或者按照你的逻辑。