在角標籤中插入標題旁邊的不同字體圖標

我有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>

來源

2016-11-16 Villads Hammershøi

基本上你可以添加圖標名稱的另一個屬性的陣列

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

內，該圖標從NG-綁定重複。

來源

2016-11-16 08:32:57

我可能會提到它是來自icomoon的圖標。來自CSS。不確定是否有什麼要說的？該圖標基本上只是一個CSS類。 –

試過你的解決方案，我無法讓它工作。它只是將圖標打印爲字符串，平坦的html。 –

基本上你必須在硬編碼的地方使用它。 –

在角標籤中插入標題旁邊的不同字體圖標

回答

相關問題