10

I am developing a hybrid mobile app using jQuery Mobile and AngularJS.

I decided to use a mix of the two for the following:

  1. jQuery Mobile
    • good UI features
    • not too heavyweight (compared to Sencha Touch, for example)
  2. AngularJS
    • good performance and resource management (caching, asynchronous requests)
    • personal experience

I have little to no experience with jQuery Mobile and, as I was learning, I noticed a potential conflict between the page navigation models of the two.

  1. Should I use only one ?
  2. If yes, which one is better suited for my needs ?
  3. Are there any gotchas with this setup ?

Many thanks.

4

2 回答 2

13

你无法将它们相互比较。

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

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

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

于 2013-09-16T13:22:50.727 回答
-1

这已在此处解决

基本上这篇文章指出，试图拦截导航angular可能会很痛苦，所以留下所有的路由jqm

于 2014-02-25T18:04:51.253 回答