根据条件在ng-repeat内的HTML元素上应用CSS类

Question

我正在尝试根据active变量使HTML标题处于活动/非活动状态。但是要在点击标题时设置active标志，我使用$index指令的ng-repeat变量：

<div ng-init="active = 1">
  <h4 ng-repeat="(key, val) in vm.headings" ng-click="active = $index" ng-class="{'active': active === $index}">
{{key}}
</h4>
</div>

标题对象：

vm.headings = {
    "HEADING_1": "CONTENT",
    "HEADING_2": "CONTENT",
    "HEADING_3": "CONTENT"
};

首次加载时，其中一个标题会显示为“已设置”。但是在随后的点击中，它没有给出预期的结果。所有标题在点击它们时都会激活。 Here is the fiddle.

Answer 1

试试这个：

wsgi.py

在控制器中：

norecursedirs

希望这会奏效。