-1

我想在我的输入字段中添加一个很棒的字体图标，而不必使用链接标签，因为我已经将它作为依赖项安装在我的 Angular 应用程序中

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <input id="searchHymn" 
        class="form-control" type="text"
        placeholder="&#xF0b0; Filter" 
        [(ngModel)]='listFilter'>

必须将此链接标签添加到字体真棒是我的问题，因为我的app.module.ts文件中已经有字体真棒。

如果没有给出有关使用的答案，我会很高兴，@imports因为它与使用链接标签基本相同。谢谢。

4

2 回答 2

1

Font Awesome 现在有一个官方的 Angular 组件，所有想要在项目中轻松使用我们的图标的人都可以使用它。

使用 NPM 安装：

$ npm install @fortawesome/fontawesome-svg-core

$ npm install @fortawesome/free-solid-svg-icons

$ npm install @fortawesome/angular-fontawesome@

您可以查看 GitHub 或 API 文档中的 angular-fontawesome 存储库以获取更多详细信息，例如兼容性版本以及如何使用它。

看 ：

https://github.com/FortAwesome/angular-fontawesome https://www.npmjs.com/package/@fortawesome/angular-fontawesome

于 2020-09-16T17:58:00.677 回答
0

如果我没记错的话，您可以在 Angular 应用程序的 src/index.html 的 -tag 中添加一个<link>带有字体的超赞 URL 。<head>该字体应在整个应用程序中可用。

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

请参阅：https ://www.codemeright.com/blog/post/how-to-use-font-awesome-icons-in-html

于 2020-09-16T16:05:52.023 回答