2016-07-27 15 views
0

私は、2つのangularjsファイルtextAngular-sanitizeとangular-sanitizeを必要とするプロジェクトに取り組んでいます。これらのファイルの両方がヘッダーまたはフッターに読み込まれると、最初に読み込まれたファイルを必要とする文書の部分は機能しますが、最初に読み込まれたファイルを必要とする要素は機能しなくなります。つまり、最初に角墨塗りが読み込まれると、textAngular依存要素が機能しなくなります。一方、textAangularファイルが最初に読み込まれると、angular-sanitize要素は機能しなくなります。これはおそらく、両方のファイルがドキュメント全体にロードされ実行されているためです。両方のスクリプトが互いに干渉することなく実行できるように、ファイルの1つの範囲だけをページの1つの要素に限定する方法はありますか?スクリプトタグを特定の要素に適用する方法

<script>タグ以外の外部スクリプトを読み込む代替方法がありますか?ここで

は何が起こっているかの例です:

あなたがバックエンドを使用しない
<head ng-app="myApp"> 
    <script src="scripts/textAngular.min.js"></script> 
    <script src="scripts/angular-sanitize.min.js"></script> 
</head> 
    <body ng-controller="MainController" ng-init="initialize()"> 
     <div id="ngSanitizeElement"> 
      <!-- This element won't work --> 
     </div> 
     <div id="textAngularSanitizeElement"> 
      <!-- This element will work --> 
     </div> 
</body> 
+0

このはずのことが起こる、互いに2上書きしない限り。あなたはプランカを作れますか? – bresleveloper

答えて

0

? PHP?私はそれに応じて、適切なファイルの値をスクリプトタグに入れますか?

2つの異なるngコントローラを使用できませんか?

<div ng-controller="textAngular "> 

<div ng-controlelr="angular-sanitize"> 
1

なく、あなたの問題を理解してください、しかし、あなたのコントローラまたはルーターから外部ファイルをロードするために何かを探しているなら、ocLazyLoadを試してみてください。https://oclazyload.readme.io/docs

関連する問題