Angularjs ui-utils ui-scroll如何使用

Question

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

我的用于ui-scroll的Plunker

 MyApp.controller('MyAppCtrl', function($scope) {
    $scope.myData = {
      get : function(index, count, success) {
    var result = [{"guid":"8544a1c7-d637-42ae-836a-8a71901b44ca"},{"guid":"aff1450c-b4dd-4aa0-9b12-ea097e72c6fa"},{"guid":"a1c68796-7a28-4721-904a-4944234e253e"},{"guid":"8b7d881f-20ea-4b6c-a8d6-772e1236e6bf"},{"guid":"398c50a7-885e-4455-b741-66ebc2a64060"},{"guid":"81557a60-60b5-425a-9839-cf1da7e21bde"},{"guid":"ed48be4e-5963-47a1-b872-2bf20bec5da3"},{"guid":"15d9fa95-f824-4bd9-8b75-afb8dec99f03"},{"guid":"eaf2e5aa-24a4-4995-82d5-e661efc64556"}];

      index = 1;
      count = 10;

        success(result);
      }
    };
});

我查看了Github上的几个例子,但大多数代码都是在咖啡脚本中,它只是在循环中向DOM添加项目.我的问题是如果你已经正确地拥有数据,你如何添加项目.我还在迭代数据集吗？

非常感谢您的帮助.

Answer 1

UI-Scroll 让您自行决定根据索引和计数将什么结果传递回成功回调函数。像这样的东西应该有效-

get: function(index, count, success){
        var result = [{"guid":"8544a1c7-d637-42ae-836a-8a71901b44ca"},{"guid":"aff1450c-b4dd-4aa0-9b12-ea097e72c6fa"},{"guid":"a1c68796-7a28-4721-904a-4944234e253e"},{"guid":"8b7d881f-20ea-4b6c-a8d6-772e1236e6bf"},{"guid":"398c50a7-885e-4455-b741-66ebc2a64060"},{"guid":"81557a60-60b5-425a-9839-cf1da7e21bde"},{"guid":"ed48be4e-5963-47a1-b872-2bf20bec5da3"},{"guid":"15d9fa95-f824-4bd9-8b75-afb8dec99f03"},{"guid":"eaf2e5aa-24a4-4995-82d5-e661efc64556"}];         
        success(result.slice(index-1, index-1 + count));
}

请注意，您传递的索引是非从零开始的，因此当您使用数组时，您必须使用从零开始的索引（因此是索引-1）。另外，您可能需要考虑将结果保留在 get 函数之外，并让 get 函数返回要传递给 UI-Scroll 的模型的一部分。