一尘不染

jQuery Mobile与AngularJs页面导航

angularjs

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

我决定将以下两者结合使用:

  1. jQuery Mobile
    • 良好的用户界面功能
    • 不太重(例如,与Sencha Touch相比)
  2. AngularJS
    • 良好的性能和资源管理(缓存,异步请求)
    • 个人经验

我几乎没有使用jQuery Mobile的经验,并且在我学习的过程中,我注意到两者的页面导航模型之间可能存在冲突。

  1. 我应该只使用一个吗?
  2. 如果可以,哪个更适合我的需求?
  3. 此设置有任何陷阱吗?

非常感谢。


阅读 195

收藏
2020-07-04

共1个答案

一尘不染

您无法将它们相互比较。

Angular.js(例如Backbone,Ember等)是MV
*框架(用于SPA),用于直接在客户端而不是服务器中呈现html模板/视图。因此,现在您的前端中就有许多应用程序逻辑,编写此框架是为了使您的生活更好,编写了此代码。

另一边的jQuery
Mobile是纯窗口小部件/插件库。AJAX导航插件通过AJAX将页面(静态内容,例如html)加载到DOM中。因此,您必须以某种方式在服务器上预渲染此页面。如果您开始使用Angular构建SPA,则根本不使用jQuery
Mobile的AJAX导航。(如果它是本机移动应用程序,那么您将没有服务器。)

当然,如果没有UI组件库,您将走得不远,因此请使用您选择的一种(例如jQM),但要使用Angular的指令,以便在$(document).ready(。)之后正确地在DOM元素上初始化插件/小部件。
..)或$(document).on(“
pageload”,…)对您的Angular视图一无所知。看一下以下项目:http :
//angular-ui.github.io https://github.com/angular-widgets/angular-
jqm

2020-07-04