2017-08-29 107 views
0

我试图将fa fa-address-card-o包含到NativeScript应用程序的Label中。可悲的是,他没有解决它的图标,但留下的标签为空。当我用&#xf129fa fa-info)尝试它时,他可以解决它。这是编码问题吗?HTML标签无法解析图标“”

参考的图标: https://www.w3schools.com/icons/icons_reference.asp

不工作代码:

<Label class="fontawesome-icon sidebar-icon" 
       col="0" 
       row="7" 
       (tap)="open(loginPath)" 
       (touch)="open(loginPath)" 
       text="&#xf2bc;"></Label> 

工作代码:

<Label class="fontawesome-icon sidebar-icon" 
       col="0" 
       row="7" 
       (tap)="open(loginPath)" 
       (touch)="open(loginPath)" 
       text="&#xf129;"></Label> 
+0

你可以设置UTF8格式 –

+1

我不知道ns也不反应,而是'text'属性什么都会分配给'textContent'属性?如果是这样,你的html实体将不会被转换为它应该是的utf8字符。您需要将此html实体设置为元素的innerHTML。 – Kaiido

+0

看起来你需要导入某些图标才能够使用它们{N},我会在下面发表一个答案 –

回答

0

可以通过简单地使用已导入到另一个图标解决这个问题“ fontawesome图标“-file。看起来像我不能只使用任何与{N}结合的图标。