AngularJS - ngRepeat将所选行显示为活动状态

Question

我一直在努力使用ng-repeat将所选行显示为有效行。

任何帮助将不胜感激。请在这里找到Plukr http://plnkr.co/edit/PXgoCkqcKrZKPakjvlvc?p=preview

请注意，在我使用HTML的导航栏菜单上使用时，我已成功完成此操作

ng-class="{'active' : setActive('/blah')}">

在控制器中我有

$scope.setActive = function (loc) {
    return loc === $location.path();
};

但这显然不适合我。

Answer 1

您可以添加

ng-class="{active:item == selected}"

到您的<a>商品

http://plnkr.co/edit/gwhKwFkpTaA4EWJ8vrAO?p=preview

Answer 2

使用

ng-class="{'active':activeItem(item)}"

然后在你的脚本中：

$scope.activeItem=function(item){
    return item.$id == $scope.selected.$id
}

<强> plnkr