如何使用铃铛图标自定义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(); 
      } 
     }