我想用AngularJS突出显示当前选择的菜单项。我有这个HTML:
<li ng-repeat="m in menuLinks">
<a ng-class="{active : isActive('{{m.url}}')}" href="{{m.url}}" active-link="active" onclick="closeMenu()">{{m.title}}</a>
</li>
而在控制器中:
$scope.isActive = function (viewLocation) {
alert(viewLocation);
if ($location.path().indexOf(viewLocation) === 0) {
return true;
} else {
return false;
}
};
之所以调用函数isActive()是因为出现了警报,但是当我检查元素时,我得到了:
<a class="ng-binding" ng-class="{active : isActive('/#/sessions')}" href="/#/sessions" active-link="active" onclick="closeMenu()">Sessions</a>
我在这里想念什么?
您不需要中的表达式ng-class
,只需像这样使用它:
<a ng-class="{active : isActive(m.url)}" ng-href="{{m.url}}" active-link="active" ng-click="closeMenu()">{{m.title}}</a>
并且我建议使用ng-href
而不是仅仅用href和ng-click
onclick代替;)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句