角度模板并将活动类添加到菜单项

时间:2016-06-29 08:20:42

标签: angularjs

尝试在不使用模板的情况下将活动类添加到菜单项,它可以正常工作。但是当我尝试使用模板添加菜单时,它会中断。 我用于li的代码:

ng-click="select($index)" 
ng-class="{sel: $index === selectedIndex}"

在控制器中:

$scope.selectedIndex = 0;
$scope.select = function(i) {
    $scope.selectedIndex = i;
};

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

1 个答案:

答案 0 :(得分:0)

这是一个有效的傻瓜:http://plnkr.co/edit/wVW1F5HFUgXeaDi3kFyR?p=preview

编辑了一些内容:

  • 更改子模板以显示子菜单的正确名称
  • 更改了ng-click指令以指定更改所选索引

TODO:

  • 从先前选择的索引
  • 中删除所选的类