title: Angular can't use fontawesome in dynamic component
body: <p>I used this <a href="https://blog.angularindepth.com/here-is-what-you-need-to-know-about-dynamic-components-in-angular-ac1e96167f9e" rel="noreferrer">post</a> to load dynamically some components </p>
  
  <pre><code> import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
  
   const template =`
      &lt;div class="btn-group"&gt;
        &lt;button (click)="play()" class="btn btn-sm btn-outline-info"&gt;
          &lt;fa-icon icon="play"&gt;&lt;/fa-icon&gt;
        &lt;/button&gt;
  
      &lt;/div&gt;`;
      const tmpCmp = Component({template: template})(class {
  
      });
      const tmpModule = NgModule({
        imports: [CommonModule,FontAwesomeModule],
        declarations: [tmpCmp]
      })(class {
      });
  
      this._compiler.compileModuleAndAllComponentsAsync(tmpModule)
          .then((factories) =&gt; {
              const f = factories.componentFactories[0];
              const cmpRef = f.create(this._injector, [], null, this._m);
              cmpRef.instance.name = 'B component';
              this._container.insert(cmpRef.hostView);
          })
  </code></pre>
  
  <p>When the template is loaded with fa-icon nothing is displayed and no error are returned.</p>