Question

我有一个对象数组，我希望在一个可滚动的窗口中使用ng-repeat结构的角度显示。到目前为止，我正在使用Angular UI's utils滚动条。

我已阅读read me并阅读了this example给出的关于堆栈溢出的先前问题的this answer。所以在我的代码中，这就是我目前所拥有的，它在运行时没有出错，也没有显示任何内容。

在我的模块定义中：

var app = angular.module('PromoUI', ['ngRoute', 'angularUtils.directives.dirPagination', 'ui.bootstrap','ui.scroll','ui.scroll.jqlite'])

在我的控制器中：

    $scope.datasource = {
        get: function (index, count, success) {
            success($scope.discounts)
        }
    }

在我看来：

    {{discounts[0].PromoCode}}
    <div ui-scroll-viewport style="height:300px">
      <div ui-scroll="discount in datasource">
        <p>{{discount.PromoCode}}</p>
        <p>{{discount.DiscountDescription}}</p>
      </div>
    </div>

（注意上面{{discounts [0] .PromoCode}}在浏览器中正确显示）

我的推荐是正确的：

  <!--ANGULAR UI-->
  <script src="../Scripts/angular-ui/ui-utils.js"></script>

我感觉我没有正确设置数据源。那些使用过这个指令的人可以帮我一把吗？

Answer 1

我认为你所拥有的东西也可以起作用，但我已按照以下方式设置：

＆＃13;

app.factory('datasource', ['$timeout', function($timeout) {
      var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k'];
      var get = function (index, count, success) {
            return success(a);
        };
        return {
            get: get
        };
    }
]);

＆＃13;

我在http://plnkr.co/edit/W8Mzee

处找到了这个

需要帮助为AngularUI.util的ui-scroll指令创建数据源对象

1 个答案: