[解決済み] [Solved] ui-bootstrap-tpls.min.jsとui-bootstrap.min.jsの違いは何ですか?
質問
での Angular-UI-Bootstrapのページ がcdnjsに書いてある。
TwitterのBootstrapのためのAngularJS(アンギュラー)ネイティブディレクティブです。フットプリントが小さく(gzipで5kB!)、サードパーティのJavaScript依存(jQuery、Bootstrap JavaScript)は必要ありません!このディレクティブは、TwitterのBootstrapのためのものです。
... そして、以下のオプションがあります。
//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap-tpls.min.js
そして
//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap.min.js
これらをDiff'ingすると微妙に違うことがわかるのですが、それに関するドキュメントが見つからないようです...。
長い話ですが、カスタマイズしたものを作るのでなければ、tpls を使ってください。 テンプレートがあります。
ここに文書化されています。 github.com/angular-ui/bootstrap/tree/gh-pages#build-files (ここからリンクされています) ホームページも同様です)。要するに、-tpls 版にはデフォルトの Bootstrap のテンプレートがバンドルされています。いずれにせよ、以下のうち1つだけをインクルードする必要があります。 をリストアップしました。- ありがとう pkozlowski.opensource
解決方法は?
だから ui-bootstrap-tpls.min.js == (ui-bootstrap.min.js + HTML テンプレート) は、JavaScriptのコードで必要です。ui-bootstrap.min.jsだけを含めた場合、HTMLテンプレートも自分で用意する必要があります。
そうでなければ、次のようなものが表示されます。
GET http://localhost:8989/hello-world/template/tooltip/tooltip-popup.html 404 (Not Found) angular.js:7073
Error: [$compile:tpload] http://errors.angularjs.org/undefined/$compile/tpload?p0=template%2Ftooltip%2Ftooltip-popup.html
at Error (<anonymous>)
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:6:453
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:54:14
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:64:438
at A (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:89:258)
at A (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:89:258)
at http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:90:465
at g.$eval (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:98:272)
at g.$digest (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:96:142)
at g.$apply (http://localhost:8989/hello-world/js/vendor/angular-1.2.0-rc.3/angular.min.js:99:100)
関連
-
[解決済み】Angular ui-routerで$stateメソッドを$stateChangeStart toStateとfromStateで使用する。
-
[解決済み] select 要素のデフォルト値を設定するための ng-option の使用方法
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み] ng-modelとng-bindの違いは何ですか?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJSのスコーププロトタイピング/プロトタイピング継承のニュアンスとは?
-
[解決済み】ng-ifとng-show/ng-hideの違いは何ですか?
-
[解決済み】AngularJS 。observe メソッドと $watch メソッドの違い
-
[解決済み】requiredとng-requiredの違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
angularjs ローカルデータストレージ LocalStorage
-
[解決済み] ページロード時にAngularJSのコントローラ関数を実行する方法は?
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] ajaxリクエスト時にAngularjsのローディング画面が表示される。
-
[解決済み] ディレクティブ '...' が要求するコントローラ 'ngModel' が見つかりません。
-
[解決済み] Apigee API へのリクエストで 401 レスポンスエラーが発生する
-
[解決済み] angularjsでチャートを作成する【終了】。
-
[解決済み] AngularJs .$setPristineでフォームをリセットする
-
[解決済み] AngularJSの.$on()とは?
-
[解決済み] AngularJSのサービスをコンソールからテストするにはどうしたらいいですか?