jQuery Mobile与AngularJS页面导航的比较

Question

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

我决定混合使用两种技术，原因如下：

1. jQuery Mobile
   • 良好的用户界面功能
   • 相对较轻量级（与Sencha Touch等框架相比）
2. AngularJS
   • 良好的性能和资源管理（缓存、异步请求）
   • 个人经验

我几乎没有使用过jQuery Mobile，当我学习时，我注意到两者页面导航模型之间可能存在潜在冲突。

1. 我应该只使用其中一种技术吗？
2. 如果是，哪种更适合我的需求？
3. 这种设置有什么需要注意的地方吗？

非常感谢。

- Radu Stoenescu

Answer 1

您不能将它们相互比较。

Angular.js（如Backbone，Ember等）是MV *框架（用于SPA），它们将HTML模板/视图直接呈现在客户端而不是服务器上。所以现在您有很多应用程序逻辑在前端，而这些框架旨在使您的生活更加美好，并编写代码。

另一方面，jQuery Mobile是一个纯粹的小部件/插件库。 AJAX导航插件通过AJAX将页面（例如静态的html）加载到DOM中。因此，您必须以某种方式在服务器上预渲染这些页面。 如果您开始使用Angular构建单页Web应用程序，则根本没有必要使用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

- SergeL

---

那 Angular 更好吗？ - MartianMartian

@Matian2049 真是个狂野的家伙 :D - Khateeb321

Answer 2

这个问题已经在这里得到解决了。

基本上，文章指出从angular拦截导航可能会很麻烦，所以最好把所有路由交给jqm处理。

- percebus