标签不存储范围变量

时间:2015-07-10 22:40:48

标签: javascript css arrays angularjs

我的标记:

<li active="active.search"><a href="#" ng-click="activate('search')">search</a></li>
<li active="active.lists"><a href="#" ng-click="activate('lists')">lists</a></li>
<li active="active.find"><a href="#" ng-click="activate('find')">find</a></li>

我的代码:

$scope.active = {
          search: true
        };

$scope.activate = function(li) {
      $scope.active = {};
      $scope.active[li] = true;
    }

首先 - 我设置为突出显示的项目,默认情况下实际上并未突出显示,但是点击时它们确实有效。

其次 - 我正试图通过以下方式使用实际活动的内容:

if ($scope.active[0].search === true) {
... some values
}

这不正确吗?因为我似乎无法做到这一点。

1 个答案:

答案 0 :(得分:0)

active不是角度指令,因此您需要将变量括在角括号{{ }}中,如

active="{{active.search}}"

表示解析它的角度。