2017-01-29 16 views
1

私はブートストラップ4つのクラスをすぐに(コンテナとモーダルを使用して)使用することができる場合、ng-bootstrapの必要性について混乱しています。特別な理由がなくても、さまざまな場所でng-bootstrapとbootstrap 4の両方の構文を使用することができます。どちらかを使用するための一般的なルールはありますか?角2のブートストラップ4とngのブートストラップ

答えて

3

ng-bootstrapを使用する主な理由の1つは、JavaScriptの互換部分です。

通常のTwitterブートストラップは、データ操作のためにjQueryに依存しています。また、 ".active"などのクラスを設定するか、既存の要素からクラスを削除することによって、要素の状態を操作します。

一方、ng-bootstrapでは、jQueryを実行する必要はありません。すべての要素は、jQueryを必要とせず、Angular Coreと一緒にうまくいくコードを使って構築されています。また、Bootstrap CSSファイルを使用して、Bootstrapコンポーネントのルックアンドフィールを保持するのにも役立ちます。

要約すると、Twitter Bootstrapを使用する場合は、jQuery for JavaScriptのみに依存します。 ng-bootstrapを使用している場合は、jQueryドメインから完全に離れてしまいます。純粋にAngularJSに依存して機能の一部を提供することになります。 ng-bootstrapとTwitter Bootstrapが共通して持つ唯一のことは、要素のCSSスタイル設定です。

これにより、混乱が解消されます。

+0

はい、ありがとうございます。完全なtwitterブートストラップとngbootstrap(1つのプロジェクトで両方のベストを使用する)を使用すると何が問題になりますか?たとえば、ng-bootstrapは、twitter-bootstrapが提供する機能を提供していません。ちょうどtwitterブートストラップから貼り付けコードをコピーして使用するのはいいのですか? – user172902

+1

はい、いいですね。しかし、それのJSの部分についてはどうですか?それもコピーしますか?そして、そうした場合、jQueryに依存しないことを保証できますか?また、jQueryから適切なコードをコピーしたり、jQueryをAngularJSプロジェクトに完全にコピーしたい場合は、コードの肥大化を防止する目的が無効になります。実際には、他のライブラリと一緒にjQueryを使用して、Angular 2アプリで作業するときに 'assets'フォルダに配置することができます。しかし、それはAngularの競争力を利用していないことを意味します。 AngularJSを完成させるために移行するのは面倒で時間がかかりますが、価値があります。 – Devner

関連する問題