javascript - Ng-repeat 在点击时不更新

Question

我试图让用户在 ng-repeat 中隐藏和显示一个 div。从控制台中，我可以看到该对象确实更改为 true，但 ng-show/ng-hide 部分未按预期工作。我尝试了 $apply 方法，但它一直返回“已运行”错误。

标记

<div ng-repeat="q in questions">
    <div ng-show="q.active">
        ....
    </div>
    <div ng-hide="q.active">
        ....
    </div>
    <a href="#" ng-click="set_active($index)">Activate</a>
</div>

控制文件

 $scope.questions = [{content: '..', active: true}, {content: '...', active: false}];
 $scope.set_active = function($index){
     $scope.questions[$index].active = true;
 }

或者有没有更有效的方法来做到这一点？