我的团队正在尝试使用 jquery mobile 和 angular.js 做一个移动应用程序。似乎它们可能有点棘手。我们正在尝试使用 jquery mobile 构建动态手风琴,但使用 angular js 的 ng-repeat 指令:
<div data-role="collapsible" ng-repeat="catalog in catalog_list | filter: isDependent">
<h6>
{{ catalog.catalog_name }} <span ng-show="catalog.next"> <a ng-click="changeCurrent(catalog.catalog_id)"> {{ catalog.next }}</a></span>
</h6>
<p>some Content</p>
</div>
</div>
因为 jquery mobile 使用主题标签和 url 来使手风琴工作,所以 angular 正在解释 url 更改并导致页面视图重新加载,这意味着可折叠永远不会打开。我们已经尝试禁用几个 jquery 移动功能:
$.mobile.hashListeningEnabled = false;
$.mobile.linkBindingEnabled = false;
$.mobile.ajaxEnabled = false;
这似乎不适用于手风琴。它确实解决了我们之前遇到的路由问题。我们已经看到有一个适配器可以同时使用 jqm 和 angular,但我们宁愿避免依赖第三方软件。任何关于在没有适配器的情况下一起使用 angular js 和 jqm 是否可行的意见也将不胜感激。此外,如果我们必须选择仅将其中一个用于我们的移动网站,您会推荐哪一个,为什么?
感谢您的帮助!