问题标签 [ui-scroll]

将 angular-ui 与 angular 一起使用。标记包括一个ng-scroll元素，我使用它从服务中检索到的数据。我想ng-repeat在ng-scroll. 这原则上有效（plunker），但 AngularJS 说我在 JSON 编码中有问题，需要帮助找出我做错了什么。

需要明确的是，下面的标记和 JSON 在 plunker 中有效，但在应用程序中无效。plunker 和下面的 JSON 取自调试器响应正文。

标记：

JSON：

在 Rails 中，我创建了一个数组数组。每个元素都是在上面的显示代码中使用的属性的散列。返回的 JSON 如下所示：

不知道为什么这不起作用，ng-scroll 应该迭代将数组放入 video_list 的行，ng-repeat 应该从行中获取每个对象并获取值。

错误：

这是返回上述 JSON 时出现的 AngularJS 错误：

我正在使用这个：http ://angular-ui.github.io/ui-utils/ ，更具体地说：https ://github.com/angular-ui/ui-utils/blob/master/modules/滚动/README.md

但是它似乎不起作用。这是一个例子：

但我在 HTML 中得到的只是：

如果我用 ng-repeat 替换 ng-scroll，它会完美运行。但是聊天需要滚动条，所以...我怎样才能得到一个？:)

我有一个使用 AngularJS 的 rails 4 应用程序。我正在尝试使用 Angular 的 ui-utils 模块中的 ui.scroll 指令创建一个原型。当我使用 ng-repeat 时，我的 rails API 运行良好，但是当我尝试使用 ng-scroll 时，我的视口从来没有任何数据。注意：我在应用程序的其他部分使用 jquery，所以我没有使用任何 jqlite 的东西。

查看：（我正在跳过所有标题内容 - 但知道包含 css/jscript）

控制器：（我正在跳过所有应用程序包含，但知道依赖项已注入）

我不确定如何使用 ui-scroll。我创建了一个 plunker，但我认为它不能正常工作，因为它不会在您滚动时从 DOM 中添加或删除项目。它显示所有！

我用于 ui-scroll 的 Plunker

我在 Github 上查看了几个示例，但大部分代码都在咖啡脚本中，它只是在循环中向 DOM 添加项目。我的问题是，如果您已经拥有正确的数据，如何添加项目。我还需要遍历数据集吗？

非常感谢您的帮助。

我正在尝试在一个简单的网格上实现无限类型滚动。html是这样的：

我想根据搜索框模型过滤网格中的内容，看起来很简单。我通常只会将以下内容与 ng-repeat 一起使用

但是，使用“ui-scroll”而不是 ng-repeat 我收到一个错误

我是否遗漏了有关如何使用 Angular-ui 滚动过滤数据的内容？我在滚动库中看到导致问题的行，如果还有其他问题，则会引发错误

这让我觉得在 Angular-ui 滚动中过滤是不可能的。有什么想法吗？

我有一个 angular-ui ui-scroll 指令（1.3.0）住在一个 div 中，默认情况下使用 ng-show 隐藏。当它被隐藏时，即使设置了 ui-scroll-viewport 的高度，ui-scroll 也会继续从数据源加载数据。如果显示了 div，则它的行为正确。所以，现在我的 div 是 1px 宽：/

我确信我可以使用 ng-if 将其动态添加到 DOM 来解决这个问题。但是，我希望 div 能够响应地隐藏/显示 - 所以从 css 中删除。

关于如何让 ui-scroll 在隐藏时仅从缓冲区加载 1 页的任何建议？谢谢你。

在我们的一个 Angular 应用程序中，我们使用ui-scroll指令进行延迟加载。我创建了一个适配器并分配给 ui-scroll 指令。我需要通过发出 API 请求和刷新数据来重新加载整个数据。

从 ui-scroll 文档中，我们可以看到 reload() 方法可用于我们分配给指令的适配器。

我们将此适配器传递给自定义数据源，然后将其分配给 ui-scroll 转发器。

当用户单击按钮时，我需要通过从 API 中提取最新结果来重新加载整个结果。所以我尝试添加，

当我尝试调用重新加载方法时，它会抛出异常说明方法未找到。 类型错误：$scope.listAdapter.reload 不是函数

我也尝试通过重新分配数据源并将空适配器传递给范围变量，但没有运气。

如果有人解决了这个问题，请让我知道需要做什么。

我正在尝试在我的应用程序中创建无限滚动功能，但感觉有点抽象。我想使用ui-scroll，这个 fiddle展示了一个简单的例子来说明它是如何工作的。

我已经阅读了自述文件并查看了一些示例，我还将示例集成到我的项目中并使其正常工作，但我无法弄清楚如何将其与我自己的数据库中的数据结合起来。

我有一个名为电影的数据库表。电影有一些值，例如title, release_date,image_url

我将如何将该数据插入到我的视图中，$scope.movieDataSource以便我可以在我的视图中使用它？

我试图创建一个我想要达到的例子。我使用 http.getuserMovies用我的数据库中的记录填充我的范围，我想将这些记录用作movieDataSource.

但是当我访问页面时，我ui-scroll确实在容器中添加了结果，但它不显示内容。

如果我console.log("movieDataSource" + $scope.movieDataSource)显示我movieDataSource[object Object]。

我正在使用ui-scroll在我的 Angular 应用程序中实现无限滚动。

它运行良好，我正在使用它来显示事件列表。

但是，当我的应用程序加载时，它默认显示第一个事件（1实际上是索引）。要查看最近的事件，必须向下滚动事件列表。当事件列表非常大并且有点无法分页加载时，这是一个问题，因为 Web 应用程序必须遍历所有事件才能获取最新事件。

如何指示ui-scroll从最后一个事件开始？显然，我有一个后端方法（一个HEAD我可以用来获取事件总数的请求）来获取最初想要的索引。我只是找不到将初始索引放入ui-scroll的方法。

有什么线索吗？

根据要求，这是一个代码示例，尽管它是非常“标准”的ui-scroll东西：

这是我在控制器中的内容：

我正在使用 Angular UI 滚动。我下面的例子就是这个。这里有一个演示页面。它具有在特定位置添加列表项的功能。以下是代码的摘录：

此功能将在第 3 位添加列表项。但是，我不能使用这个在顶部添加元素（即到列表顶部）。我试着把scope.$index == 0而不是scope.$index == 2. 如果我使用scope.$index == 1，它将在第二个位置添加元素。ui-scroll 中还有一个 prepend 功能，但我不知道如何使用它来始终将项目添加到列表顶部。新添加的项目应始终位于位置 1。

任何建议将不胜感激。