AngularJS - ngRepeat显示选中的行为活动状态

AngularJS - ngRepeat to show selected row as active

本文关键字：活动状态 ngRepeat 显示 AngularJS      更新时间：2023-09-26

我一直在努力与ng-repeat显示选定的行为活动。

任何帮助都将非常感激。请在这里找到Plukrhttp://plnkr.co/edit/PXgoCkqcKrZKPakjvlvc?p=preview

请注意，当我在导航栏菜单上使用时，我已经成功地做到了这一点，在HTML中我有

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

在控制器中我有

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

但这显然不适合我。

可以添加

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

到你的<a>项目

http://plnkr.co/edit/gwhKwFkpTaA4EWJ8vrAO?p =预览

使用

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

然后在你的脚本:

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

plnkr

相关文章：