angularjs - 为什么我在 angular-bootstrap 选项卡集中出现未分配错误？

Question

  <tabset class="paygrade-tabs">
    <tab ng-repeat="tab in rps.currentPayGrade | orderBy: 'payGrade.code' : true track by $index" ng-click="changeTab(tab)" active="activeTabId === tab.id">
      <tab-heading>
        <span>{{tab.payGrade.code}}</span>
      </tab-heading>
    </tab>
  </tabset>

由于某种原因，这给了我一个错误：

Error: [$compile:nonassign] http://errors.angularjs.org/1.4.14/$compile/nonassign?p0=activeTabId%20%3D%3D%3D%20tab.id&p1=active&p2=tab
    at angular.js:38
    at q (angular.js:9157)
    at m (angular.js:9170)
    at angular.js:14777
    at n.$digest (angular.js:16219)
    at n.$apply (angular.js:16492)
    at g (angular.js:10872)
    at A (angular.js:11070)
    at XMLHttpRequest.w.onload (angular.js:11011)

我究竟做错了什么？

Answer 1

这是因为您将表达式传递给active：

active="activeTabId === tab.id"

它需要可以绑定和写回的东西。

而是传递一个变量：

active="myVariable"

myVariable活动选项卡的索引在哪里。