javascript - 选项卡不存储范围变量

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 不是一个 Angular Directive(指令)，因此您需要将变量括在尖括号 {{ }} 中，例如

active="{{active.search}}"

让 Angular 解析它。