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にかなり慣れていないので、何か完全に間違っているかもしれません。
回答 1 件
関連記事
- クラス内の変数を使用してクラスをインスタンス化する方法
- rspecを使用して、each反復ブロック内にあるstdoutをテストする方法は?
- svgを使用して別の円の内側に円弧を描く方法
- SeleniumPythonを使用してhtmlh3タグ内のデータをWebスクレイピングする
- クラス内で作成されたスレッド内でこのキーワードを使用するJava
- row_partition内のフィルターを使用して(row_partitionを使用して)フィルター処理およびランク付けします
- スタック内に配置を使用すると正しく機能しません
- Angular:AsyncAwait-Promise内のEventListener
- Angular&Jest:サブスクライブブロックがngOnInit内で実行されているのはなぜですか?
- 角度httpModuleを使用してjsonのネストされたノードにアクセスする方法は?
これはうまくいきません
アプリのコンテキストがまだないため。
このようなFAフォントを、角成分なしで表示できます(まだ)
また、
index.html
にFA CSSが含まれていると仮定します ヘッドセクション。