Question

我在同一个项目中使用Angularjs和JQuery。在同一个项目中使用Angularjs和JQuery时，首先必须加载JQuery，然后按如下方式加载AngularJS：

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

但它引起了一些问题，因为当页面加载时，一些隐藏在AngularJS ng-hide指令中的html元素变得可见（在JQuery加载期间一段时间/一段时间），直到AngularJS加载。

如果我可以在JQuery之前加载AngularJS，问题就会解决!!

是否有可能在JQuery之前加载AngularJS或任何其他解决上述问题的解决方案。

任何合适的解决方案都将受到高度赞赏!!

Answer 1

有专门针对此目的的指令ng-cloak。

只需在第一个视图中将其与ng-show/ng-hide元素一起分配即可。

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

Answer 2

您可以在noConflict模式下运行JQuery。

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();

Answer 3

尝试在angularjs或jquery函数中使用 settimeout 函数，可以在加载所有基本html后加载，即尝试在html加载后为angularjs函数设置时间（比如1000或2000）

see setTimeout function page for usage

如何在使用JQuery时首先加载AngularJS

3 个答案: