Javascript AngularJS应用程序don'的模板中的JS插件;行不通

Javascript AngularJS应用程序don'的模板中的JS插件;行不通,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我正在尝试在Angular应用程序中运行JS插件。所以我有两个文件:index.html和view.html(模板)。后者是在index.html内的ng app DIV中加载的部分 现在,jQuery和插件在index.html中声明。由于view.html(模板)中的实现在技术上是由Angular动态生成的,因此声明无法“看到”它,即使它们使用.on()方法。我相信这个问题与JavaScript不能看到动态生成的内容有关 试图在这里获得一些关于如何使其工作的建议。尝试在部分(即view.ht

我正在尝试在Angular应用程序中运行JS插件。所以我有两个文件:index.html和view.html(模板)。后者是在index.html内的ng app DIV中加载的部分

现在,jQuery和插件在index.html中声明。由于view.html(模板)中的实现在技术上是由Angular动态生成的,因此声明无法“看到”它,即使它们使用.on()方法。我相信这个问题与JavaScript不能看到动态生成的内容有关

试图在这里获得一些关于如何使其工作的建议。尝试在部分(即view.html)中移动脚本声明,但没有任何效果。

将jquery(或任何其他插件)与angular集成需要不同的思考。特别是在处理双向数据绑定时。如果jquery插件更改了角度模型,则需要使用$scope.apply()通知模型的作用域(请参见角度文档)

Angular推荐的做法是在Angular指令中包装DOM操作和使用jquery插件。将jquery插件作为angular应用程序的一部分而不进行集成是很好的,但是如果您接触的是同样的东西,那么这可能是不可靠的。编写包装器指令对初学者来说是一项挑战。我建议你在(我是一名团队成员)中看看类似于“jq”指令的东西,要么开箱即用,要么就如何包装你的插件给你一些想法。这个网站上有许多简单和复杂的指令

如果您提供一个示例(plunker或JSFIDLE),人们将能够更好地提供帮助

希望这有助于

将jquery(或任何其他插件)与angular集成,这需要您以不同的方式思考。特别是在处理双向数据绑定时。如果jquery插件更改了角度模型,则需要使用$scope.apply()通知模型的作用域(请参见角度文档)

Angular推荐的做法是在Angular指令中包装DOM操作和使用jquery插件。将jquery插件作为angular应用程序的一部分而不进行集成是很好的,但是如果您接触的是同样的东西,那么这可能是不可靠的。编写包装器指令对初学者来说是一项挑战。我建议你在(我是一名团队成员)中看看类似于“jq”指令的东西,要么开箱即用,要么就如何包装你的插件给你一些想法。这个网站上有许多简单和复杂的指令

如果您提供一个示例(plunker或JSFIDLE),人们将能够更好地提供帮助

希望这有助于

查看。然后,阅读一些gotchas和bookmark,以及如何在Angular中使用jQuery插件的参考。请参阅。然后通过阅读,了解一些gotchas、书签以及如何将jQuery插件与in Angular一起使用的参考资料。