如何解决在我的角度输入栏中添加很棒的字体
我想在我的输入字段中添加一个超棒的字体图标,而不必使用链接标签,因为我已经将它作为依赖安装在我的角度应用程序中
<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=" Filter"
[(ngModel)]='listFilter'>
由于我的app.module.ts
文件中已经有超棒的字体,因此必须将链接标签添加到超棒的字体是我的问题。
如果没有给出与使用@imports
有关的答案,我会很高兴,因为它与使用链接标记基本相同。谢谢。
解决方法
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
,如果我没记错的话,可以在Angular应用程序的src / index.html的<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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。