如何在Angular Renderer2中添加FontAwesome5图标？

Question

我想在指令中使用Angular的Renderer2向DOM中添加一个Fontawesome 5图标。 当我这样做时，看起来好像没有进行任何绑定：

  const span = this.renderer.createElement('span');
  this.renderer.addClass(span, 'icon');
  const faIcon = this.renderer.createElement('fa-icon');
  this.renderer.setAttribute(faIcon, 'icon', 'at');
  this.renderer.appendChild(span, faIcon);
  this.renderer.appendChild(this.el.nativeElement, span);

我想获得这个：

  <span class="icon">
    <fa-icon icon="globe-americas"></fa-icon>
  </span>

我应该改变什么？