标签不存储范围变量

Question

我的标记：

<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
}

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

Answer 1

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

active="{{active.search}}"

表示解析它的角度。