首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >需要帮助为AngularUI.util的ui-滚动指令创建数据源对象

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

Stack Overflow用户
提问于 2014-12-30 18:55:31
回答 1查看 938关注 0票数 0

我有一个对象数组,我想要显示在一个滚动窗口使用纳克重复类似的结构角。到目前为止,我正在使用角UI实用程序滚动条。

我读过读给我听,也读过这个答案给出的关于堆栈溢出的前一个问题的这个例子。因此,在我的代码中,这是我目前所拥有的,它在运行时不会出现错误,也不会显示任何内容。

我的模块定义中的

代码语言:javascript
复制
var app = angular.module('PromoUI', ['ngRoute', 'angularUtils.directives.dirPagination', 'ui.bootstrap','ui.scroll','ui.scroll.jqlite'])

我的控制器中的

代码语言:javascript
复制
    $scope.datasource = {
        get: function (index, count, success) {
            success($scope.discounts)
        }
    }

在我看来:

代码语言:javascript
复制
    {{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.PromoCode}}在浏览器中正确显示)

和我的参考资料是正确的:

代码语言:javascript
复制
  <!--ANGULAR UI-->
  <script src="../Scripts/angular-ui/ui-utils.js"></script>

我有种感觉,我没有正确地设置数据源。有谁用过这个指令能帮我一把吗?

EN

回答 1

Stack Overflow用户

发布于 2015-03-01 05:54:52

我认为你所拥有的可能也会起作用,但我把它设置如下:

代码语言:javascript
复制
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
        };
    }
]);

我在http://plnkr.co/edit/W8Mzee也有这样的想法

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27710964

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档