2

私のアプリケーションでは、boostrap.uiの$modalディレクティブを使用しています。私はまた、ドロップダウン機能付きのブートストラップナビゲーションバーを使用しています。ui-bootstrap-tplsとui-bootstrap

私はwindow.htmlがas described in this topicを見つけることができないという問題を抱えています。

私の場合の問題は、私はui-boostrap.jsファイルとui-bootstrap-tplsファイルの両方が(v1.3.2デベロッパー)

According to this topicが含まれているということですが、私は唯一のTPLSファイルを必要とする必要があります。 しかし、私がboostrap.jsファイルを削除すると、私のヘッダーのドロップダウンリストの他のブートストラップ機能は、もう動作していません。

両方の機能を使用することはできませんか?

答えて

3

UI-ブートストラップライブラリアプリケーションからのjQueryの依存性を除去するためのコアブートストラップ・ライブラリーのためのちょうど角ラッパーです。ドキュメントから:

このリポジトリには、 ブートストラップのマークアップとCSSに基づくネイティブのAngularJSディレクティブが含まれています。その結果、jQueryや BootstrapのJavaScriptに依存する必要はありません。

ui-bootstrap-tpls.min.jsまたはui-bootstrap-tpls.jsそれが-tpls名付けている理由ブートストラップすなわちによって出荷されるすべてのJavascriptのモジュールのデフォルトのテンプレートが含まれています。

他のファイルui-bootstrap.min.jsまたはui-bootstrap.jsには、Javascriptモジュール/テンプレートのテンプレートは含まれていません。

テンプレートを無効にする予定がない場合は、ui-bootstrap-tpls.min.jsまたはui-bootstrap-tpls.jsのみを含めるようにしてください。

bootstrap.jsを削除した後にドロップダウンが動作を停止した理由は、HTMLコードがまだjQueryバージョンのBootstrapを使用していますが、これらのモジュールのui-bootstrapバージョンを使用することです。はい、Angularバージョンのブートストラップ(つまりui-bootstrap.min.js)とjQueryバージョンのブートストラップ(bootstrap.js)の両方を含めることはできますが、アプリで余分なオーバーヘッドになります。

あなたはUI-ブートストラップライブラリを既に含まれている場合は、ブートストラップのJavaScript機能を使用するために、jQueryのの必要はありません。

+1

おかげで、私がjquery.js、boostrap.js、angular.jsとUI-ブートストラップ・tpls.jsを使用して怒っ混乱を持っているように思えます。私はJqueryのバージョンを削除しようとします。 – Hazaart

+0

はい、jQueryをブートストラップ以外で使用していない場合は、それを取り除き、 'ui-bootstrap'を使い始めることをお勧めします。それはまた、あなたのアプリが追加のデータを読み込まないようにし、速くなります。 –

1

bootstrap.js内のすべてのブートストラップ要素がUI-ブートストラップTPLSの角度指令に変換において、shashankにより説明したように。 ファイルを置き換えるだけでは、期待どおりに動作しません。

あなたはUI-ブートストラップ・TPLSに変わるなら、あなたは、角度のUI指令に対応するブートストラップのコンポーネントを変更する必要があります。

関連する問題