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

Question

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

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

我尝试了几种方法，但它并没有通过代码工作。 （当我通过控制台测试时，这些都有效。）

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

和

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

感谢。

Answer 1

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