如何使用鈴鐺圖標自定義Angular Treeview節點

Question

我必須修改樹視圖（http://alexsuleap.github.io/）實例，以便在加載頁面上的其他數據後使用鈴鐺圖標更新節點。具體來說，圖標是來自AngularJS中的Glyphicons Halflings字體的glyphicon glyphicon-bell。

我在想，我可以簡單地更新樹節點的文本，並添加一個跨度爲glyphicon glyphicon-bell的類，但當然這會以文本呈現。

在這種情況下，修改節點以在每個樹節點開始時顯示此glyphicon glyphicon-bell或「鈴聲圖標」的最合適方式是什麼？

Answer 1

最後我決定用JQuery找到樹節點跨度，並在它之前添加一個具有正確類的跨度。我還添加了一個刪除bellicon跨度的功能。

 $scope.addBellIconTo = function(treeNode) { 
      var bellIconSpans = $('#' + treeNode.nodeId).prev().find('#bellicon'); 
      if (bellIconSpans.length == 0) { 
       var titleNode = $('#' + treeNode.nodeId).prev().find('.node-name'); 
       titleNode.before("<span class='glyphicon glyphicon-bell' id='bellicon'></span>"); 
      } 
     } 

     $scope.removeBellIconFrom = function(treeNode) { 
      var bellIconSpans = $('#' + treeNode.nodeId).prev().find('#bellicon'); 
      while (bellIconSpans.length > 0) { 
       bellIconSpans[0].remove(); 
      } 
     }