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

【问题标题】：Is it possible to use an angular-fontawesome icon in sweetalert2 title?是否可以在 sweetalert2 标题中使用 angular-fontawesome 图标？
【发布时间】：2021-12-29 12:05:30
【问题描述】：

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

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

【问题讨论】：

标签： sweetalert2 angular-fontawesome

【解决方案1】：

请参阅official documentation 了解如何将图标传递给任意 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>`
})

【讨论】：

谢谢。我完全忽略了文档中的那个部分，并且不得不阅读它两次以了解它是如何工作的。这么简单真是令人尴尬。