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 件
関連記事
- 角度：@ContentChildrenを使用して別のコンポーネント内に子を取得する
- 角度2+とtypescriptを使用して、選択した行の要素を取得して表示する方法
- 角度2/4を使用して検索候補テキストボックスを開発する方法
- 擬似要素と追加のクラスで使用するFontAwesome 5
- 私は残りのAPIを呼び出して画面に表示するために角度コードを使用しています
- 角度5を使用して生成されたQRコード画像を保存するにはどうすればよいですか
- Angularコンポーネント内にHTMLコンテンツを含めることは可能ですか？
- シート内のフォームでピッカーを使用できない
- JavaScriptを使用して多くのリンクの1つをアイコンで切り替える方法
- AngularとNodeを使用したSAML 20の実装
Trends
- 変数に基づいて関数から複数の文字列を返します
- AOSPソースコードにシステムアプリケーション（アプリソースコード/作業ASプロジェクトを介して）を追加します
- いつ、どのようにリクエストが未確認であることが判明することがあります。レール上のルビー32
- Google Cloudへのバックアップの保存（無料/低コストの方法は？）
- picocliを使用するときにコマンドラインパラメーターを介してlightbend/typesafeConfigを構成する方法
- 単一の製品ページに価格が表示されない
- optgroupとoptionの値を取得するためのブートストラップmultiselect
- JiraでのJQLクエリ検索
- Chrome拡張機能でpopupjsを開くたびにリセットせずにqの値を1つ増やすにはどうすればよいですか？
- 構文が正しくありませんsp_rename
これはうまくいきません
アプリのコンテキストがまだないため。
このようなFAフォントを、角成分なしで表示できます（まだ）
また、
index.htmlにFA CSSが含まれていると仮定します ヘッドセクション。