我正在使用 jQuery Mobile 和 Angular.js 制作一个应用程序。因为我们在使用这两个库时遇到一些问题,存在一个adapter https://github.com/tigbro/jquery-mobile-angular-adapter做“工作”。
所以我尝试使用routeProvider 来路由我的页面。但我仍然无法使用它渲染页面。
如果你能帮我指路的话,请告诉我。
http://plnkr.co/edit/DNGiT83csWMmfYnHXOop http://plnkr.co/edit/DNGiT83csWMmfYnHXOop
提前致谢!
我遇到了类似的问题,也许我学到的东西可以帮助你。这归结为 Angular 和 jquery 从一个页面/部分到另一个页面/部分(路由)的方式差异。
首先,基础知识:通过将一块 html 插入视图中来进行角度路由,然后在任何单击/操作等上,从视图中删除该 html 并添加新的 html 块。本质上,你们一直在同一页面上;只是包含的 html 发生了变化。相反,可以将 jqm 视为将所有 html 加载到同一页面中,并将这些 html 块作为 div。它不是删除 html 块并替换它们(通过路由),而是只是关闭和打开 div。 (有多页 jqm 应用程序,但 SPA 确实突出了差异。)
我的建议是选择您真正想要的功能集:Angular 的简约加载(仅在您需要时),或 jqm 的华丽过渡和其他内置功能。如果您有一个大型应用程序,每个页面上都有大量数据,您可能希望绕过 jqm 并单独使用 Angular,并看看可以使用 Angular 的新动画函数做什么。这意味着您需要构建(通过 CSS 或 javascript)jqm 功能的副本 - 从我所见,您可以接近,但它不会像 jqm 那样令人愉快地简化。
如果 jqm 内置功能是您真正想要的,那么请跳过使用 Angular 的路由。无论如何,它只会带来各种并发症。使用 jqm 的模式设置页面,并仅在处理数据时使用 Angular。
我发现最有效的方法是将其视为一个 jqm 应用程序,并且仅将 Angular 添加到您需要的部分。毕竟,您不必在 html 行添加 ng-app;您可以根据需要将其添加到单个 div 中。由于 jqm 最适合作为系统范围内的事物,而 Angular 则可以限制在系统内的各个部分,因此到目前为止,我发现 jqm-whole 和 Angular-parts 是充分利用两者的最简单方法世界。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)