为什么在 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 是活动选项卡的索引。

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

Why do I get a nonassign error in the angular-bootstrap tabset?

twitter-bootstrap

angularjs

angular-ui

angular-ui-bootstrap-tab