用例使用AngularJS和JQuery

arc*_*ree 32 jquery angularjs

我是一名JQuery程序员,希望在我的下一个项目中使用AngularJS.在阅读了关于如何"思考Angular"而不是包含和使用JQuery的优秀答案后,我想知道使用JQuery + Angular有哪些好的用例.我想对我的Angular编程带来一点点熟悉.

从Stackoverflow帖子引用:

"最重要的是:在解决方案时,首先"在AngularJS中思考";如果你想不出解决方案,请问社区;如果完全没有简单的解决方案,那么随时可以找到jQuery "

我什么时候应该找到JQuery?

Nei*_*eil 15

AngularJS是一个复杂的框架,具有中等到陡峭的学习曲线.JQuery不是一个框架,而是一个库.如果您正在寻求建立一个单一的网页应用程序尤其是CRUD应用程序,然后AngularJS是一个不错的选择,因为它会提供双向数据绑定,路由(单页的应用程序很重要),以及许多其他功能开箱.

它使用jQlite作为jQuery的一个子集,但它是关于如何构建应用程序的观点,这意味着你需要深入了解它是如何工作的,你需要了解控制器,服务和指令以及为什么你应该只更新指令中的DOM .

单页应用程序可以单独使用jQuery完成,但您必须自己管理框架方面的事情.

如果你在AngularJS之前加入jQuery,它将取代jQlite,掌握基础知识,从而武装自己的知识来决定它的使用,看看egghead.io上的这些优秀视频.

何时到达jQuery

当你无法以Angular的方式做某事时,你会找到jQuery,这通常是在你处于框架的边界时.

例子:

一个例子是Angular没有办法禁用select元素中的项目.你可以在这里找到jQuery来监听select上的更改事件并从指令中自己操作UI.见下面更新.

例如,如果您使用的是第三方库,则可能需要使用jQuery触发事件并在第三方代码或其他地方进行选择.在这里你会发现jQuery或像pubsub这样宝贵的东西.

UPDATE

关于路由功能,我强烈推荐优秀的UI-Router而不是开箱即用的路由器.

更新v2

Angular 1.4现在支持禁用select元素中的选项.


Cod*_*er1 14

我认为你问题引用中的关键词是"*毕竟没有简单的解决方案*"

我想知道使用JQuery + Angular有什么好的用例.

使用案例:我正在研究的项目使用Zurb Foundation的"揭示"组件作为模态窗口,我特别喜欢.它赞美我正在努力的应用程序.当然有一个Angular UI项目具有模态窗口,但在这种情况下我更喜欢显示.

这依赖于JQuery.用户肉体回答了关于如何将AngularJS方式纳入此处的好主意.

经过一些研究,如果你得出结论,你可以在JQuery中做更多的事情,那么就去做,但一定要以AngularJS的方式集成组件.

无论如何,这是我对它的看法.