angularjs - 将 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'}
    ];

我想添加一个可以在初始化 tubset 后更改的数字。我无法将选项卡集标题绑定到 '$scope 属性或将其插入 ng-bind 的问题

例如内容(12)

Answer 1

好的，找到了解决方案。

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