向上或向下滚动并拉动以刷新 Onsen UI 和 angularjs 混合应用程序答案

【问题标题】：scroll up or down and pull to refresh for Onsen UI and angularjs hybrid app向上或向下滚动并拉动以刷新 Onsen UI 和 angularjs 混合应用程序
【发布时间】：2016-10-25 12:14:55
【问题描述】：

我使用 Onsen UI 和 angularjs 创建了一个混合应用程序，我想让页面向上或向下滚动并拉动以刷新。我添加了 iScroll 但它不起作用，我不知道它是否不起作用。 Onsen UI 和 angularjs 有冲突吗？如何解决？非常感谢您的任何回答。

【问题讨论】：

标签： angularjs scroll onsen-ui pull-to-refresh

【解决方案1】：

我可能有点误会，但this不是你想要的吗？

如果您使用 Onsen UI，您仍然可以正常滚动页面。要获得拉动刷新功能，您只需要在页面内添加一个ons-pull-hook 标记。所以像这样的

<ons-page>
  <ons-pull-hook>Pull to refresh</ons-pull-hook>

  <ons-list>
    <ons-list-item ng-repeat="item in items">{{item}}</ons-list-item>
  </ons-list>
</ons-page>

应该可以正常工作。

我加了iScroll但是不行，不知道是不是不行。

对于这种情况，iScroll 不是必需的。如果需要，您可以稍后添加它，但也许让我们先尝试在没有它的情况下让一切正常工作。如果问题仅在您添加 iScroll 后出现，那么我可以稍后更新我的答案。

Onsen UI 和 angularjs 有冲突吗？

两者之间不应该有任何冲突。这里的一个大问题是您使用的是 Onsen 1 还是 Onsen 2。Onsen 1 实际上基于 Angular，而 Onsen 2 不需要 Angular 才能工作。

如何解决？

目前我不确定问题出在哪里。

如果您担心 Angular、Onsen 或 iScroll 的初始化，那么分享您的初始化代码可能有助于获得更好的答案。

【讨论】：