gpt4 book ai didi

angular - 在index.html内的Angular 6中使用font-awesome图标

转载 作者:行者123 更新时间:2023-12-02 14:31:18 24 4
gpt4 key购买 nike

我已成功将加载程序添加到我的 andular 6 项目中,它将在初始加载时显示加载程序,直到应用程序完全加载。然而,我似乎无法在微调器中加载很棒的字体图标。

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';
import { fab } from '@fortawesome/free-brands-svg-icons';

import { AppComponent } from './app.component';

library.add(fab);

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FontAwesomeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

src/index.html

<body>
<abe-root>

<div class="app-loading">
<div class="logo"><fa-icon [icon]="['fab', 'angular']"></fa-icon></div>
<svg class="spinner" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
</svg>
</div>

</abe-root>
</body>

它没有错误或任何东西只是不显示图标?我对 Angular 还很陌生,所以我可能做的事情完全错误。

最佳答案

这行不通

  <div class="logo"><fa-icon [icon]="['fab', 'angular']"></fa-icon></div>

因为还没有应用程序上下文。

您可以像这样显示 FA 字体,而无需 Angular 组件(还)

<i class="fa fa-angular"></i>

我还假设您已在 index.html head 部分中引入了 FA CSS。

关于angular - 在index.html内的Angular 6中使用font-awesome图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50532764/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com