条件为真时，ng-class不会切换

Question

在我看来，我做ng-class="{active:{{name}} == {{her_name}}}"

我在渲染的DOM中看到ng-class="{active:alice == alice}"我想知道为什么它不适用active类。

Answer 1

尝试更改：

ng-class="{active:{{name}} == {{her_name}}}

要

ng-class="{'active':name == her_name}

active未被定位为常规class，因为它是模型，因此您需要通过添加将其声明为字符串单引号。

的更新

使用多个班级

ng-class="{'active': name == her_name, 'inactive': name != her_name}

希望它有所帮助。