AngularJS と Bootstrap ( http://getbootstrap.com/ ) の両方を使用して Alert と Process Indicator を取得するプロジェクトがあります。
しかし、Bootstrap の css ファイルを含めると、アプリケーションが混在するため、他の css ファイルの定義が上書きされているように見えます。
これら 2 つのフレームワークを同じアプリケーションでどのように使用する必要がありますか?
私が知っているほとんどすべてを試しましたが、これら 2 つを同じアプリケーションで組み合わせることに成功していません。
よろしくお願いします、
しないでください。Bootstrap は、DOM 操作の分離されたステート マシンとして基本的にコンポーネント化された jQuery を利用した考え方に基づいています。Angular は、Angular $digestion と HTML コンパイルに基づく根本的に異なる思考プロセスに基づいています。
それらを組み合わせる必要がある場合は、CSS のみを実行してください。アダプターを使用して 2 セットのステート マシンを使用すると、オーバーヘッドが発生し、存在する必要のない人為的エラーの余地が生じます。Bootstraps CSS を利用する独自の angular ディレクティブを作成することをお勧めしますが、JS レベルで 2 つを 1 つのアプリケーションに統合しようとしないでください。
ディレクティブを介してこれを行おうとしているプロジェクトがすでにいくつかありますが、これは良い考えです。Bootstrap の jQuery コードを Angular に適応させるのではなく、jQuery に依存せず、Angular のネイティブ実装であるブートストラップ ディレクティブ プロジェクトを使用することをお勧めします。
更新ブートストラップの純粋な角度バージョンがあります。ここで見つけてください - > http://mgcrea.github.io/angular-strap/
更新されたテンプレートを含むブートストラップ 3.0 用の別のブランチがあります。Bootstrap 3.0 CSS で動作しているようです: http://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2。
この質問に関するhttps://stackoverflow.com/users/1232563/calmからの引用現在の AngularJS ブートストラップ ディレクティブと互換性のある Bootstrap 3?