注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

融智技术学院

融智技术学院163分站,为广大好友提供更多的帮助

 
 
 

日志

 
 

【JavaScript每日一问】从Angular.js控制器中调用函数,要怎么做?  

2014-06-03 13:28:56|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Q

下面是简短的一个 Angular.js代码片段:

  • XApp.controller('ProductsController', function ($scope, GetProductsForIndex, $http) {
        console.log(
    'Step 1');
       
    var Obj = new Object();
  • Obj.PAGEINDEX = 1;
       
    Obj.PAGESIZE = 25;
       
    Obj.SPNAME = "index_get_products";
       
    Obj.PAGECOUNT = null;
       
    Obj.COUNTRYCODE = 'in'
  • $scope.data = GetProductsForIndex.query({ parameters : Obj }, function () {
            console.log($scope.data);
            $scope.products = $scope.data;
        });
  • })
  • XApp.factory('GetProductsForIndex', function ($resource) {
        console.log(
    'Step 2');
       
    return $resource('api/index/:object?type=json', {}, { 'query': { method: 'GET', isArray: true } });
    });

我想要实现无限的滑块使用下面链接里的方法

http://binarymuse.github.io/ngInfiniteScroll/

在他们的实例中

这个链接里的 http://binarymuse.github.io/ngInfiniteScroll/demo_basic.html实例调用了loadmore()函数

我想要的是在滑动时执行下面的代码:

  • $scope.data = GetProductsForIndex.query({ parameters : Obj }, function () {
                console.log($scope.data);
                $scope.products = $scope.data;
            });

而且增加页面索引obj.PAGEINDEX = 1每次增加1。我怎么样才能实现这个功能?今天我纠结的在Angular.js的第三天了。

译文

A:

你需要实现一个loadMore函数,其中包含你的控制器

  • XApp.controller('ProductsController', function ($scope, GetProductsForIndex, $http) {
       
    function loadData($scope, obj){
               $scope.products.push(
    GetProductsForIndex.query({ parameters : Obj }, function ()                       {          
  • }));
         }
  • console.log('Step 1');
       
    var Obj = new Object();
         $scope.products=[];
       
    Obj.PAGEINDEX = 1;
       
    Obj.PAGESIZE = 25;
       
    Obj.SPNAME = "index_get_products";
       
    Obj.PAGECOUNT = null;
       
    Obj.COUNTRYCODE = 'in'
  • loadData($scope, Obj);
    })
温馨提示:您的支持与理解,是我们工作最大的动力。如果您是从网上购买的图书,请在对应的网店,给予本书一个好评,我们将衷心感谢!!!
以下是《零点起飞学HTML+CSS》对应的购书评论地址:
当当网http://product.dangdang.com/23286705.html
亚马逊http://www.amazon.cn/dp/B00DQGIXZO
京东网http://item.jd.com/1032753326.html

  评论这张
 
阅读(21)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018