将uib-tab标题绑定到范围属性

Question

我正在使用uib-tabset

<uib-tabset class="tab-animation" id="tabSet">
                        <uib-tab ng-repeat="tab in tabs" heading="{{tab.title}}" ng-click="onTabClick($index)"
                                 active="tab.active"
                                 disable="tab.disabled">
                            <div ng-include="tab.content"></div>
                        </uib-tab>
</uib-tabset>

控制器：

 /**
     * The buzz page tabs
     * @type {*[]}
     */
    $scope.tabs = [
        {title: 'Content', content: 'views/view.html'},
        {title: 'Tools', content: 'views/view2.html'},
        {title: 'Fans', content: 'views/view3.html'}
    ];

我想添加一个可以在初始化浴缸后更改的数字。 我无法将tabset标题绑定到＆＃; $ scope属性或将其与ng-bind

相关联的问题

例如Content（12）

Answer 1

好的找到了解决方案。

我只需要使用UI.bootstrap的uibTabHeadingTransclude指令。