Angular 2 cli を使用すると、ブートストラップ js コンポーネントを追加してプロジェクト コンポーネントで使用できます。
angular 2専用に構築されたng-bootstrapのような他のブートストラップライブラリがあります。
私は2つのアプローチの違いは何なのか疑問に思っていました.npm install bootstrapとangular-cli.jsonのアプリスクリプトに含めるだけで、angular 2でブートストラップコンポーネントを使用しても大丈夫ですか?
Angular 2 cli を使用すると、ブートストラップ js コンポーネントを追加してプロジェクト コンポーネントで使用できます。
angular 2専用に構築されたng-bootstrapのような他のブートストラップライブラリがあります。
私は2つのアプローチの違いは何なのか疑問に思っていました.npm install bootstrapとangular-cli.jsonのアプリスクリプトに含めるだけで、angular 2でブートストラップコンポーネントを使用しても大丈夫ですか?
ブートストラップに npm パッケージを使用すると、基本的に、作業を完了するのに役立つ追加の入力バインディングが追加されます。
Redditから、
ng-bootstrap は
Angular
、微調整が必要なすべてのパラメーターの入力バインディングを提供します。基本的なことだけをやっていれば、それほど違いはありません。しかし、CSS クラスによって制御されていない Bootstrap プロパティにアクセスする必要があるとすぐに、vanilla Bootstrap を使用すると、Javascript ロジックで非常に角度のない $(dom-id) 参照を行う必要があります。 ng-bootstrap コンポーネントにバインドされたプロパティを微調整することで、ng-bootstrap を使用してアクションを実行します。
個人的には、バニラの Bootstrap を使用し、jquery を含めています。このようにjqueryを含めることを避けるために以前に読んだことがありますが、まだ問題は発生していません。ただし、いくつかのことを行うのが難しくなる可能性があります。タブと拡張カードの使用に問題がありました。展開されているかどうかを追跡するためng2
に作成する必要がありました。booleans
使用して問題はありません。それはおそらくより良く、より安全です。
ng バージョンを使用するもう 1 つの利点は、次の理由により軽量であることです。 * jquery を使用しない
es2015 モジュールと遅延読み込みを使用する準備
サイズを最小化するためのツリーシェイクの準備
必要なバンドル タイプを使用する準備ができていること
テンプレートのプリコンパイル
私のプロジェクトでは、jquery+bootstrap コンポーネントをインスタンス化するディレクティブを作成しました。
My Directives には、コンポーネントの初期化に必要な構成の処理があります。