Css 如何使用钟形图标自定义角度树状视图节点

我必须修改一个tree view（）实例，以便在加载页面上的其他数据后，使用钟形图标更新节点。具体来说，图标是AngularJS中的

Glyphicons半身人

字体中的

glyphicon glyphicon bell

我在想，我可以简单地更新树节点的文本，并使用

glyphicon glyphicon bell

类添加一个跨度，但这当然会呈现为文本

---

在这种情况下，修改节点以在每个树节点的开头显示此

Glyphion Glyphion bell

或“bell icon”（钟形图标）的最合适方式是什么？

最后，我决定使用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();
            }
        }

$scope.addBellIconTo=函数（treeNode）{
var bellIconSpans=$（'#'+treeNode.nodeId）.prev（）.find（'#bellicon'）；
if（beliconspans.length==0）{
变量titleNode=$（'#'+treeNode.nodeId）.prev（）.find（'.node name'）；
标题节点。在（“”）之前；
}
}
$scope.removeBellIconFrom=函数（treeNode）{
var bellIconSpans=$（'#'+treeNode.nodeId）.prev（）.find（'#bellicon'）；
while（pans.length>0）{
bellIconSpans[0]。删除（）；
}
}

最后，我决定用JQuery查找树节点span，并在其前面添加一个具有适当类的span。我还添加了一个删除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();
            }
        }

$scope.addBellIconTo=函数（treeNode）{
var bellIconSpans=$（'#'+treeNode.nodeId）.prev（）.find（'#bellicon'）；
if（beliconspans.length==0）{
变量titleNode=$（'#'+treeNode.nodeId）.prev（）.find（'.node name'）；
标题节点。在（“”）之前；
}
}
$scope.removeBellIconFrom=函数（treeNode）{
var bellIconSpans=$（'#'+treeNode.nodeId）.prev（）.find（'#bellicon'）；
while（pans.length>0）{
bellIconSpans[0]。删除（）；
}
}