javascript - 如何从 HTML Angular 访问范围内的对象

Question

如果对象上的值设置为“true”，我会尝试向元素添加“事件”类

routeId = $routeParams.id

$scope.navigation = {
 'home' : routeId == 'home' ? true : false
 'articles' : routeId == 'articles' ? true : false
 'videos' : routeId == 'videos' ? true : false
 'misc' : routeId == 'misc' ? true : false
}

然后使用

<li ng-class="{ active: navigation.home }">

对象确实根据routeId改变，但 VIEW 没有任何变化。我尝试了很多变体，但也许我在这里感到困惑？

Answer 1

尝试更改对象以返回函数:

$scope.navigation = {
 'home' : function() { return routeId == 'home' ? true : false }
}

<li ng-class="{ active: navigation.home() }">