為什么我在angular-bootstrap標簽集中出現了nonassign錯誤？

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是活動選項卡的索引。