如何在离子型（Angular JS）中为我的混合应用程序运行JQuery代码和外部库

Question

我正在尝试为现有网站创建一个离子型应用程序，并尝试添加所有JQuery代码并使用外部库（如Lightbox，Slider，等在我的应用程序。

我希望如果你们可以告诉我（可能是一个例子），这是一种不同的方式来运行JQuery代码，当应用程序准备好了，或者我错过了一些东西。

以下是我尝试过的几种方法，但它不通过代码工作。 （这两个工作，当我通过控制台测试他们）。

angular.element('.myclass').addClass('className'); 

和

$('.myclass').addClass('className'); 

感谢。

Answer 1

在Angular应用程序中使用jquery总是一个不好的做法。 您的代码可能不起作用，因为在加载事件中，Angular应用程序仍在加载并呈现网页。 所以基本上当jQuery被执行时，你的页面仍然是空的或者不完全呈现。 这可能是为什么，如果你通过控制台运行它，它会正常工作，因为页面被正确渲染。