在Angular中绑定图标时字体真棒不起作用

Posted 2023-02-23

【中文标题】在Angular中绑定图标时字体真棒不起作用

【英文标题】：Font Awesome not working when binding icon in Angular

【发布时间】：2021-01-23 07:32:09

【问题描述】：

我创建了一个内容可编辑的 div。用户只需点击按钮即可插入电话号码；整个过程正常，但主要问题是使用字体真棒库插入电话图标。除了应用绑定时的图标外，跨度正常显示，因此相同 html页面加载时出现span并成功显示图标。

如何解决这个问题并让图标在绑定后成功显示？请注意，可以添加多个跨度（位置和 Web URL 有许多其他跨度）。

我的例子是here

【问题讨论】：

这与 angular-fontawesome 无关，而是对 Angular 工作原理的误解。请参阅此答案***.com/a/41089093/1377864 的 Angular 标记 部分并从那里挖掘以了解潜在的解决方案：ng-template、ComponentFactoryResolved 等。

【参考方案1】：

您必须动态调用该方法来强制图标呈现。 Here 是工作示例。

【讨论】：

它应该如何用于可编辑的内容 div ？