問題タブ [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.

62 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
13073 参照

angular - angular-cli プロジェクトに @fortawesome/fontawesome を含める

Angular > 5.0.0 を実行している angular-cli プロジェクト (1.6.0) に font awesome 5 を含めようとしています。

私は（説明したように）使用しました：

パッケージを正常に取得します。ここで、angular-cli にパッケージを含めたいと思います。私app.component.tsはやろうとしました（https://www.npmjs.com/package/@fortawesome/fontawesomeで説明されているように）：

しかし、タイプスクリプトのスローとエラー:

Font Awesome 4 では、.css ファイルを「styles」配列に含めました。しかし、Font Awesome 5 には、すべての css を含む css ファイルがありません。これは単なる .js ファイルの集まりです。

Angular CLI プロジェクトに Font Awesome 5 を適切に含めるにはどうすればよいですか? (たとえば<i class="fal fal-user"></i>、マークアップで使用できるようにしたい)

0 投票する
2 に答える
1988 参照

angular - D3js v4およびAngular 4でFontAwesome v5アイコンを実装する方法

スタック

  • FontAwesome v5
  • D3js v4
  • 角4

シナリオ

オプションのバブルが追加されたノードを持つ階層ツリーがあります (顔がノードで、追加されたノードが耳であるミッキー マウスのバルーンと考えてください)。これらのオプションに、FontAwesome のiのようなアイコンを表示して詳細情報を表示したり、xを削除したりしたいと思います。

FontAwesome 5 JavaScript CDN もインポートしましたindex.html

ここに画像の説明を入力

以上が現在持っているものです。左耳には.text('i')あり、右耳にはレンダリングしようとしている FontAwesome アイコンがあります。

さらに、アプリ全体で を使用して既に FontAwesome<i>を使用していますが、SVG で D3 を使用して実装できるフォント ファミリとして使用する方法がわかりません。

考えられる解決策

このソリューションは別の投稿で見つけましたが、これはほぼ正確に必要なものですが、すべてをまとめる方法がわかりませんでした.

リクエスト

textAngular 4 で作成された D3.js V4 の svg で FontAwesome v5 をインポートして使用する方法を示すサンプル コードを誰かが提供できますか?

ありがとう！


12345678910