javascript - 根据属性值通过ng-class添加和删除类

Question

考虑下面的标记。这是 Accordion 的情况。我必须对打开的CSS 应用不同的CSS(背景颜色)。为此，我希望使用 ng-class 指令。现在，打开的 header 始终将 aria-expanded 属性设置为 true。对所有其他人都是错误的。

<v-pane-header class="header ng-scope ng-isolate-scope" role="tab" tabindex="0" aria-selected="true" aria-expanded="true">

我怎样才能做到这一点。我知道如何针对任何模型变量等执行此操作。请注意， Accordion 插件会自动添加 aria-expanded 属性。

Answer 1

我采取了一种非常不同的方法来解决这个问题。我没有通过代码中的 ng-class 或任何其他函数或方法来完成此操作，而是开发了 Accordion 插件本身。 Accordion 动态添加 aria-expanded 属性。因此，我对插件代码进行了更改，并从插件添加 aria-expanded 属性的地方应用了样式属性。现在一切正常。

function expand() {
    accordionCtrl.disable();

    paneContent.attr('aria-hidden', 'false');

    paneHeader.attr({
        'aria-selected': 'true',
        'aria-expanded': 'true',
        'style': 'background-color:#FFF0C9 !important'  // Added style here. Can add a class too though.

    });

    emitEvent('onExpand');
    // Rest of the code......

这不是我通过 ng-class 实现这一问题的答案，但仍然为任何试图实现类似目标的人提供了一种可能的方法。