在 angular 选项卡中的 header 旁边插入不同的字体集图标

Question

我用 angular 个标签制作了 4 个不同的标签。我想在选项卡中的每个 header 文本旁边放置一个匹配图标。知道这是怎么可能的吗？（angular 的新功能）到目前为止，我只成功地将同一个图标静态推出 4 次，而不是在每个选项卡上推出不同的图标。我还没有从其他帖子中找到任何解决方案。如果我监督过一个，请告诉我。

我的angular:

$scope.tabs = [
        { title: 'Mobilnumre', selected: function () { $scope.showAllSubscriptions(); } },
        { title: 'Medarbejdernumre', selected: function () { $scope.showEmployeeSubscriptions(); } },
        { title: 'Hovednumre', selected: function () { $scope.showPrimarySubscriptions(); } },
        { title: 'Mobilt Bredbånd', selected: function () { $scope.showDataSubscriptions(); } },
    ];

我的Html：

<uib-tabset active="active">
        <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" select="tab.selected()">
            <tab-heading ng-repeat=""></tab-heading>
            <div ng-include="'MobileSubscriptionTable'"></div>
        </uib-tab>
    </uib-tabset>

Answer 1

基本上您可以在数组中添加另一个属性作为图标名称

$scope.tabs = [
        { title: 'Mobilnumre', selected: function () { $scope.showAllSubscriptions(); icon :'NameOfIcon'} },
    ];

并从 ng-repeat 绑定该图标。

在 angular 选项卡中的 header 旁边插入不同的字体集图标

Insert different fontset icons next to header in angular tabs

icons

tabs

angularjs

angular-ui