Error: [$compile:multidir] using uib-tab

Question

我的代码是：

<uib-tabset>
  <uib-tab  id="tab1" heading="Tab1">
    <div ng-include="'partials/tab1.html'"></div>
  </uib-tab>
    <uib-tab  id="tab2" heading="Tab2" ng-controller="Tab2Controller">
    <div ng-include="'partials/tab2.html'"></div>
  </uib-tab>
    <uib-tab  id="tab3" heading="Tab3" ng-controller="Tab3Controller">
    <div ng-include="'partials/tab3.html'"></div>
  </uib-tab>
</uib-tabset>

在我更新 AngularJS 和 AngularUI Boostrap 并得到：

之前它工作正常

Error: [$compile:multidir]

每个选项卡都有自己的控制器（在我的例子中是 Tab2 和 Tab3）。

Answer 1

一个可能的解决方案是将控制器设置为内部 div 而不是 ui-tab 元素：

<uib-tabset>
  <uib-tab  id="tab1" heading="Tab1">
    <div ng-include="'partials/tab1.html'"></div>
  </uib-tab>
  <uib-tab  id="tab2" heading="Tab2">
    <div ng-include="'partials/tab2.html'" ng-controller="Tab2Controller"></div>
  </uib-tab>
  <uib-tab  id="tab3" heading="Tab3">
    <div ng-include="'partials/tab3.html'" ng-controller="Tab3Controller"></div>
  </uib-tab>
</uib-tabset>

Error: [$compile:multidir] using uib-tab

Error: [$compile:multidir] using uib-tab

javascript

angularjs

angular-ui-bootstrap