使用jQuery移动版的Angular.js

Question

我正在用jQuery手机和Angular.js做一个应用程序。因为我们在使用这两个库时遇到了一些问题，存在一个做“这项工作”的adapter。

因此，我尝试使用routeProvider来路由我的页面。但是我仍然不能用这个来渲染页面。

如果你能帮我指路的话，请到这里来。

http://plnkr.co/edit/DNGiT83csWMmfYnHXOop

提前感谢！

Answer 1

我遇到了类似的问题，也许我学到的东西可能会对你有所帮助。这归结于angular和jquery从一个页面/部分到另一个页面/部分(路由)的方式上的差异。

首先，基本步骤:在视图中插入一块html，然后单击/action/等等，从视图中删除该html并添加新的html块。本质上，你总是在同一个页面上；只是包含的html在改变。相反，可以将jqm看作是将所有html加载到同一个页面中，并将这些html块作为div。它不是移除html块并替换它们(通过路由)，而是关闭和打开div。(有多页的jqm应用程序，但SPAs真正突出了其中的差异。)

我的建议是选择你真正想要的功能集:angular的简约加载(仅在你需要的时候)，或者jqm的华丽的过渡和其他内置功能。如果你有一个每个页面都有大量数据的大型应用程序，你可能想绕过jqm，单独使用angular，看看你能用angular的新动画函数做些什么。这意味着您需要(通过CSS或javascript)构建jqm特性的副本--据我所见，您可以做到这一点，但它不会像jqm那样流畅。

如果jqm的内置特性是您真正想要的，那么跳过使用angular的路由。不管怎么说，这只会带来各种复杂的情况。使用jqm的模式设置页面，并且只在处理数据的地方使用angular。

我发现最有效的方法就是把它当做一个jqm应用来对待，并且只在你需要的部分添加angular。毕竟，您不必在html行添加ng-app；您可以根据需要将其添加到单个div中。由于jqm作为一种系统级的东西是最令人满意的，而angular被限制在一个系统中是很好的，到目前为止，我发现jqm- and和angular-part是获得这两个世界的最好的最简单的方法。