sweetalert2 - 是否可以在 sweetalert2 标题中使用 angular-fontawesome 图标？

Question

是否可以在 sweetalert2 标题中使用 angular-fontawesome 图标？我试过了，但它不起作用，图标不显示，检查器显示大小为 0x0。我尝试覆盖样式，但我对 CSS 不是很好。

swal.fire({
       title:  "<fa-icon [icon]="faBug" [border]="true" size="6x"></fa-icon>"

Answer 1

请参阅官方文档以了解如何将图标传递给任意 JavaScript 库以及为什么您尝试执行的操作不起作用。

下面是一个例子：

import { icon } from '@fortawesome/fontawesome-svg-core';
import { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';

myTooltipLib({
    content: `<p><b>Hint:</b> You can navigate items with ${icon(faChevronLeft).html.join('')} and ${icon(faChevronRight).html.join('')} buttons.</p>`
})