私はブートストラップ4つのクラスをすぐに(コンテナとモーダルを使用して)使用することができる場合、ng-bootstrapの必要性について混乱しています。特別な理由がなくても、さまざまな場所でng-bootstrapとbootstrap 4の両方の構文を使用することができます。どちらかを使用するための一般的なルールはありますか?角2のブートストラップ4とngのブートストラップ
1
A
答えて
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スタイル設定です。
これにより、混乱が解消されます。
関連する問題
- 1. 角度2とブートストラップ4のレスポンシブなナビバー
- 2. 角2とブートストラップ
- 3. ブートストラップと角度2
- 4. ブートストラップ3とブートストラップ4のフォントレンダリング
- 5. Twitterのブートストラップと角2
- 6. 角度uiブートストラップng-repeatタブ
- 7. ブートストラップ角度2
- 8. 角度2とブートストラップ4にカスタムカラーのプログレスバーを実装
- 9. ブートストラップ4と角度2のツールチップを表示する方法は?
- 10. 2行のブートストラップ4 navbar
- 11. 角度2ブートストラップのルートレベルモジュール
- 12. ブートストラップ4と角度2でグリフィコンを使う方法は?
- 13. アングル2ブートストラップ4 Escキーイベントキャンセル
- 14. Vue 2 Laravel 5.3ブートストラップ4アコーディオン
- 15. ブートストラップ6 - 4 - 2 - 1列
- 16. Parsley 2のブートストラップ4の使用
- 17. 角度2 ngbページネーションにブートストラップ4を実装する方法
- 18. ブートストラップ4流体2列のフレックス列
- 19. 角度のブートストラップ
- 20. ブートストラップ4ワードプレスのドロップダウンメニュー
- 21. ブートストラップ4トグルボタン
- 22. ブートストラップ4 - ERR_INSECURE_RESPONSE(MaxCDN)
- 23. ブートストラップ4フォントAwesome
- 24. ブートストラップ4フレックスグリッドシステム
- 25. ブートストラップ4リストグループアラインバッジ
- 26. ブートストラップ4 - JavaScript cus
- 27. ブートストラップ4コンパスプロジェクト
- 28. ブートストラップ4フレックスボックスエラー
- 29. AngularJSとブートストラップ:ngのリピートとページネータ
- 30. ブートストラップ4-α-2ナビゲーションバーは、上記
はい、ありがとうございます。完全なtwitterブートストラップとngbootstrap(1つのプロジェクトで両方のベストを使用する)を使用すると何が問題になりますか?たとえば、ng-bootstrapは、twitter-bootstrapが提供する機能を提供していません。ちょうどtwitterブートストラップから貼り付けコードをコピーして使用するのはいいのですか? – user172902
はい、いいですね。しかし、それのJSの部分についてはどうですか?それもコピーしますか?そして、そうした場合、jQueryに依存しないことを保証できますか?また、jQueryから適切なコードをコピーしたり、jQueryをAngularJSプロジェクトに完全にコピーしたい場合は、コードの肥大化を防止する目的が無効になります。実際には、他のライブラリと一緒にjQueryを使用して、Angular 2アプリで作業するときに 'assets'フォルダに配置することができます。しかし、それはAngularの競争力を利用していないことを意味します。 AngularJSを完成させるために移行するのは面倒で時間がかかりますが、価値があります。 – Devner