각도 탭의 머리글 옆에 다른 글꼴 집합 아이콘을 삽입하십시오.

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-에서 해당 아이콘을 결합 할 수있다 반복.