好吧,假设您有多个菜单项,并且想要根据点击来切换课程,
您可以 在控制器中 创建一个将菜单项表示为的数组,
$scope.menuItems = ['Home', 'Contact', 'about', 'Other'];
分配默认的选定菜单项
$scope.activeMenu = $scope.menuItems[0];
创建一个函数来分配选定的菜单值,此函数将分配
$scope.activeMenu最后一个选定的菜单项。
$scope.setActive = function(menuItem) { $scope.activeMenu = menuItem }在 HTML中
遍历
menuItems数组并创建菜单。
在
ng-class检查最后单击的菜单项中,该项等于重复项。
如果单击菜单,则
setActive()在控制器中调用函数,并将菜单项名称作为参数传递。
<div ng-repeat='item in menuItems'> <div ng-> <h4 > <a href="#/Messages" ng-click="setActive(item)"> {{ item }}</a> </h4> </div></div>这是演示
这是没有的演示
ng-repeat



