Angular использовать директиву Fontawesome в модуле Dynami c

Question

Я получаю строку, содержащую директиву fontawesome ("fa-icon") со стороны сервера, и мне нужно отобразить соответствующую иконку fontawesome во внешнем интерфейсе.

Я взял ссылку с рабочим примером создания модуля dynamici c: { ссылка } Однако, если я пытаюсь скомпилировать шаблон с директивой fontawesome, выдается ошибка .. . смотри мой пример кода: https://stackblitz.com/edit/dynamic-module-with-fontawesome

Очень ценю вашу помощь!

Answer 1

Мне удалось исправить вашу проблему в stackblitz. Пример выполнения: https://stackblitz.com/edit/dynamic-module-with-fontawesome-z6zq2h

Необходимо добавить значок как iconProp к экземпляру компонента, поскольку в противном случае он не определен в компоненте fa-icon:

this.cmpRef.instance.myIcon = faSpinner;
this.cmpRef.instance.iconProp = faSpinner;

Answer 2

При выполнении кода есть исключение, которое говорит, что fa-icon не известен. Это означает, что модуль не был импортирован. Вот почему в ваш временный модуль необходимо импортировать Fontawesome:

const tmpModule = NgModule({
      imports: [CommonModule, FontAwesomeModule],...
});