时间戳

首页 > 解决方案 > 在我的角度输入字段中添加很棒的字体

angular - 在我的角度输入字段中添加很棒的字体

问题描述

我想在我的输入字段中添加一个很棒的字体图标，而不必使用链接标签，因为我已经将它作为依赖项安装在我的 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因为它与使用链接标签基本相同。谢谢。

标签： angularfont-awesome-5angular-fontawesome

解决方案

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

推荐阅读