問題タブ [angular-fontawesome]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - iconNameとプレフィックスでfontawesomeアイコンを動的にロードする方法は?
fontawesome アイコンの動的ロードに関する問題を iconName で調査しました。しかし、コードは機能していません。理由は何ですか？ベストプラクティスは何ですか? そして、なぜディレクティブ ngOnInit() フックで ngOnChanges() の呼び出しが必要なのですか? ブラウザーに表示されるエラーは、「FontAwesome: アイコンが見つかりませんでした。このコンポーネントに null または未定義のアイコン オブジェクトを提供したようです。」
angular - エイリアスを使用している場合、@fortawesome/free-regular-svg-icons からインポートできません
エイリアスを使用してアイコンを参照すると、アイコンをインポートできません。特に from の問題に気付きました@fortawesome/free-regular-svg-icons。ライブラリ内のアイコンの名前が重複している可能性があり、両方をインポートする必要があるため、エイリアスを使用する必要がある場合があります。
これは、小規模な Angular アップグレード (7.1 -> 7.2) の前に機能していたコードです。fontawesome のドキュメントからのガイダンスは次のとおりです。ページの最後のセクションを参照してください。
いくつかのパッケージをアップグレードして、インポートされているエイリアスとアイコンをいじってみました。エイリアスを削除すると、アイコンを問題なくインポートできることに気付きました。
アプリモジュール
関連パッケージ
ブラウザ エラー
Uncaught ReferenceError: farCopy is not defined