Angularjs 带角度js的Boostrap选项卡

我使用的是angular ui引导的一个选项卡集和一组不同的选项卡

我想移动到一个点击到一些标签。 此外，我想知道现在打开了哪些选项卡

我在服务中创建了一个名为currentTab的变量

这个想法是当我点击一个标签时，当前的标签会被更新。 我可以在选项卡之间移动，但是，我在控制台中收到一条错误消息：“与指令{1}一起使用的表达式{0}是不可赋值的！”

此外，我必须画出不同的标签

有什么想法吗

 <tabset>
    <tab active="currentService.isCurrentTabEqualsGivenName('tab1')" ng-click="currentService.setCurrentTab('tab1')">
        <tab-heading><span class="badge">3</span>  <span>Tab 1</span>
        </tab-heading>

          SOMETHING
    </tab>
     <tab active="currentService.isCurrentTabEqualsGivenName('tab2')" ng-click="currentService.setCurrentTab('tab2')">
        <tab-heading>Tab 2</tab-heading>
          SOMETHING
         </tab>
 </tabset>

---

对于Angular UI团队和社区来说，这是一个众所周知的问题，请查看完整的讨论

对我有效的解决方案是@gilluminate提供的

我把它贴在这里以供参考：

<button class="btn" ng-click="activateTab('search')">Search</button>
<button class="btn" ng-click="activateTab('preview')">Preview</button>
<button class="btn" ng-click="activateTab('edit')">Edit</button>

<tab heading="Search" active="active.search">...</tab>
<tab heading="Preview" active="active.preview">...</tab>
<tab heading="Edit" active="active.edit">...</tab>

以及

activateTab（）

函数：

$scope.activateTab = function(tab) {
  $scope.active = {}; //reset
  $scope.active[tab] = true;
}

---

活动属性值/变量应该是可赋值的。

$scope.active = {
  search: true
};

$scope.activateTab = function(tab) {
  $scope.active = {}; //reset
  $scope.active[tab] = true;
}