Here's the code snippet I was using:
<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>
Initially, this code worked perfectly. But after updating AngularJS and AngularUI Bootstrap, I started getting:
Error: [$compile:multidir]
This error occurred because each tab had its own controller (specifically Tab2 and Tab3 in my case).