Angular 在角度模式下绑定图标时字体不起作用

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

如果图标已绑定，如何解决此问题并使其成功显示？注意：可以添加多个跨距（还有许多其他跨距用于位置和Web URL）

---

我的示例是

您必须动态调用该方法以强制进行图标渲染。正在运行示例。

您必须动态调用该方法以强制进行图标渲染。是工作示例。

以及它应该如何为可编辑内容div工作？以及它应该如何为可编辑内容div工作？这与angular Font无关，而是对angular如何工作的误解。请参阅本答案的Angular markup部分，并从中深入了解潜在的解决方案：ng模板、ComponentFactoryResolved等。这与Angular无关，而是对Angular如何工作的误解。请参阅本答案的角度标记部分，并从中挖掘以了解潜在的解决方案：ng模板、ComponentFactoryResolved等。