Вставьте разные значки fontset рядом с заголовком в угловых вкладках

Question

У меня есть 4 разных вкладки с угловыми вкладками. Я хочу поместить соответствующий значок рядом с каждым текстом заголовка на вкладках. Любая идея о том, как это возможно? (Новое в угловом). Пока мне удалось статически выпустить один и тот же значок в 4 раза вместо разных значков на каждой вкладке. Я еще не нашел решения из других сообщений. Если я контролирую один, дайте мне знать.

Мой угловой:

$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- повторение.