Unicode 标签不显示为 Fontawesome 图标答案

【问题标题】：Unicode label is not displayed as a Fontawesome iconUnicode 标签不显示为 Fontawesome 图标
【发布时间】：2016-08-17 06:34:23
【问题描述】：

我正在使用 angular-nvd3 创建图表当我尝试在作为标签的位置显示图标时遇到问题。

$scope.data = [
            {
                "key": "Series2",
                "values": [
                    {
                        "label" : '&#xf015;',
                        "value" : 0.56
                    } ,
                    {
                        "label" : "&#xf015;" ,
                        "value" : 0.20
                    } ,
                    {
                        "label" : "&#xf015;" ,
                        "value" : 0.10
                    } 
                ]
            }
        ]

但是当它显示在图表上时，它得到了一个 unicode 标签：

<text dy=".32em" x="-5" y="0" style="text-anchor: end;">&amp;#xf015;</text>

&amp;#xf015; 这是它在 HTML 上实际显示的内容，但它应该显示 &#xf015;

有人有这方面的经验吗？或者对我有什么想法？谢谢这是 plnkr 网址：http://plnkr.co/edit/PygsTn?p=preview

【问题讨论】：

我刚刚回答了同样的问题（如果我理解正确的话）：您使用的是 HTML 实体，它不适用于 SVG。请改用 Unicode，在这里查看答案：stackoverflow.com/questions/38956615/…
我也找到了。非常感谢。

标签： angularjs d3.js nvd3.js angular-nvd3 angularjs-nvd3-directives

【解决方案1】：

将这个：&#xf015; 替换为 \uf015

使用\u 而不是\\

来自@Gerardo Furtado 答案：untrusted HTML in d3.js v4 and AngularJS

【讨论】：