[解決済み] AngularJS: ng-includeでangularスクリプトをロードするには?
2023-05-18 11:22:14
質問
私はangularでウェブページを作成しています。問題は、すでにangularなしで構築されたものがあり、私はそれらも含めなければならないということです。
問題はこれです。
main.htmlにこのようなものがあります。
<ngInclude src="partial.html">
</ngInclude>
そして、私のpartial.htmlは次のようなものです。
<h2> heading 1 <h2>
<script type="text/javascript" src="static/js/partial.js">
</script>
そして、私のpartial.jsはangularjsとは関係ありません。ngincludeは動作し、htmlを見ることができますが、javascriptファイルがロードされているのが全く見えません。firebug/chrome-dev-tool を使う方法は知っていますが、ネットワークリクエストが行われていることさえわかりません。私は何を間違えているのでしょうか?
angularがscriptタグに特別な意味を持っていることは知っています。私はそれを上書きすることができますか?
どのように解決するのですか?
1.2.0-rc1+では、受け取った回答は機能しません ( Github 問題 ).
によって作成されたクイックフィックスを紹介します。 エンドラマ :
/*global angular */
(function (ng) {
'use strict';
var app = ng.module('ngLoadScript', []);
app.directive('script', function() {
return {
restrict: 'E',
scope: false,
link: function(scope, elem, attr) {
if (attr.type === 'text/javascript-lazy') {
var code = elem.text();
var f = new Function(code);
f();
}
}
};
});
}(angular));
このファイルを追加するだけで、ロード
ngLoadScript
モジュールをアプリケーションの依存関係としてロードし
type="text/javascript-lazy"
を、パーシャルで遅延ロードさせたいスクリプトの型として使用します。
<script type="text/javascript-lazy">
console.log("It works!");
</script>
関連
-
[解決済み] ページロード時にAngularJSのコントローラ関数を実行する方法は?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
-
[解決済み] AngularJSのng-repeatでキーと値を反復処理する方法は?
-
[解決済み] AngularJSでチェックボックスの値のリストにバインドするにはどうすればいいですか?
-
[解決済み] なぜAngularJSはselectに空のオプションを含めるのですか?
-
[解決済み] AngularJSのng-optionsでvalueプロパティを設定するには?
-
[解決済み] AngularJS : なぜangularでは{{}}よりもng-bindが良いのですか?
最新
-
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のng-viewが動作しない。
-
[解決済み】angularのonLoadとng-initの違いについて
-
[解決済み】Angular ui-routerで$stateメソッドを$stateChangeStart toStateとfromStateで使用する。
-
[解決済み] AngularJSのディープリンクとは何ですか?
-
[解決済み] どのようにangularJSでrouteProviderとlocationProviderを設定するのですか?
-
[解決済み] AngularJsでng-Cloakディレクティブを実際に使用する方法とは?
-
angularjs統合ueditor入門
-
angularでのng-repeatとtrack by
-
[解決済み] Angularjsを使用してローカルストレージにデータを保存するにはどうすればよいですか?
-
[解決済み] ng-repeat :単一フィールドによるフィルタリング