jQuery Mobile vs AngularJs页面导航

时间:2013-09-16 12:03:50

标签: jquery-mobile angularjs

我正在使用jQuery Mobile和AngularJS开发混合移动应用程序。

我决定将两者混合用于以下内容:

  1. jQuery Mobile
    • 良好的用户界面功能
    • 不是太重量级(例如与Sencha Touch相比)
  2. AngularJS
    • 良好的性能和资源管理(缓存,异步请求)
    • 个人经历
  3. 我对jQuery Mobile几乎没有经验,而且正如我在学习的那样,我注意到两者的页面导航模型之间可能存在冲突。

    1. 我应该只使用一个吗?
    2. 如果是,哪一个更适合我的需要?
    3. 此设置是否有任何问题?
    4. 非常感谢。

2 个答案:

答案 0 :(得分:13)

你无法将它们相互比较。

Angular.js(如Backbone,Ember eg。)是MV * Frameworks(用于SPA),用于直接在客户端而不是服务器中呈现html模板/视图。所以你现在在你的前端有很多应用程序逻辑,这个框架是为了让你的生活更美好,编码。

另一方面,jQuery Mobile是一个纯粹的小部件/插件库。 AJAX导航插件通过AJAX将页面(静态,如html)加载到DOM中。所以你必须以某种方式在服务器上预渲染这些页面。 如果您开始使用Angular构建SPA,那么根本不使用jQuery Mobile的AJAX导航。 (如果它是原生移动应用程序,则无论如何都没有服务器。)

当然,如果没有UI组件库,你就不会走得太远,所以使用你选择的一个(例如jQM),但是使用Angular的指令从你的DOM元素开始正确地生成插件/小部件,因为$(文档)。 ready(...)或$(document).on(“pageload”,...)对Angular视图一无所知。 看看以下项目: http://angular-ui.github.io https://github.com/angular-widgets/angular-jqm

答案 1 :(得分:-1)

HERE

已经解决了这个问题

基本上,该文章指出,尝试拦截angular的导航可能很痛苦,因此请保留所有路由jqm