2016-11-30 7 views
0

AngularjsとJQueryを同じプロジェクトで使用しています。同じプロジェクトにAngularjsとjQueryを使用している場合、それはjQueryのは、最初にロードする必要があり、その後、次のようにAngularJSという規則です:JQueryの使用時にAngularJSを最初に読み込む方法

<script src="/Scripts/jquery-3.1.1.min.js"></script> 
<script src="Scripts/angular.js"></script> 

しかし、それはときにページのロードなど、いくつかの問題を引き起こして、いくつかのhtml要素はAngularJSに隠されましたng-hideディレクティブは、AngularJSが読み込まれるまで表示されます(JQueryのロード中またはその間)。

JQueryの前にAngularJSを読み込めば問題は解決します!

上記の問題を解決するために、JQueryやその他のソリューションの前にAngularJSをロードすることは、どういうわけか可能ですか?

適切な解決策がありがとうございます。

+0

私が最初に質問するのは、Angularを使用している場合、なぜ本格的なjQueryを使用していますか? – Yatrix

+0

一部のJQueryアニメーション用! – TanvirArjel

+0

私はあなたがスクリプトタグの順番を入れ替えようとしたと思いますよね? – Yatrix

答えて

0

JQueryはnoConflictモードで実行できます。時間を設定しようとするすべての基本的なHTMLはすなわちロードされた後にロードすることができangularjsやjQueryの機能でのsetTimeout関数を使用する

http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

<!-- Putting jQuery into no-conflict mode. --> 
<script src="angular.js"></script> 
<script src="jquery.js"></script> 
<script> 

var $j = jQuery.noConflict(); 
+0

Ok ..これを試して.. – TanvirArjel

+0

残念ながら、うまくいきませんでした! – TanvirArjel

2

ロード。

最初のビューでng-show/ng-hide要素と一緒に割り当ててください。

<div ng-show="condition" ng-cloak>hello</div> 
<div ng-hide="condition" ng-cloak>world</div> 
+0

簡単にお願いします! – TanvirArjel

+0

AngularJsを ''セクションにロードしていない場合は、これをあなたのスタイルシートに追加してください: '[ng \:cloak]、[ng-cloak]、[data-ng-cloak]、[x-ng-cloak] .ng-cloak、.x-ng-cloak { ディスプレイ:なし!重要; } 'ちらつきを避けるため –

関連する問題