设为首页收藏本站

融智技术学院

 找回密码
 注册

QQ登录

只需一步,快速开始

网页图表Highcharts实践教程图表篇
搜索
查看: 742|回复: 0

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

[复制链接]
MrLi 发表于 2014-4-3 15:00:04 | 显示全部楼层 |阅读模式
Q:
下面是简短的一个 Angular.js代码片段:
  1. XApp.controller('ProductsController', function ($scope, GetProductsForIndex, $http) {
  2.     console.log('Step 1');
  3.     var Obj = new Object();
  4. Obj.PAGEINDEX = 1;
  5.     Obj.PAGESIZE = 25;
  6.     Obj.SPNAME = "index_get_products";
  7.     Obj.PAGECOUNT = null;
  8.     Obj.COUNTRYCODE = 'in'
  9. $scope.data = GetProductsForIndex.query({ parameters : Obj }, function () {
  10.         console.log($scope.data);
  11.         $scope.products = $scope.data;
  12.     });
  13. })
  14. XApp.factory('GetProductsForIndex', function ($resource) {
  15.     console.log('Step 2');
  16.     return $resource('api/index/:object?type=json', {}, { 'query': { method: 'GET', isArray: true } });
  17. });
复制代码
我想要实现无限的滑块使用下面链接里的方法
http://binarymuse.github.io/ngInfiniteScroll/
在他们的实例中
这个链接里的 http://binarymuse.github.io/ngInfiniteScroll/demo_basic.html实例调用了loadmore()函数
我想要的是在滑动时执行下面的代码:
  1. $scope.data = GetProductsForIndex.query({ parameters : Obj }, function () {
  2.             console.log($scope.data);
  3.             $scope.products = $scope.data;
  4.         });
复制代码
而且增加页面索引obj.PAGEINDEX = 1每次增加1。我怎么样才能实现这个功能?今天我纠结的在Angular.js的第三天了。
A:
你需要实现一个loadMore函数,其中包含你的控制器
  1. XApp.controller('ProductsController', function ($scope, GetProductsForIndex, $http) {
  2.     function loadData($scope, obj){
  3.            $scope.products.push( GetProductsForIndex.query({ parameters : Obj }, function ()                       {           
  4. }));
  5.      }
  6. console.log('Step 1');
  7.     var Obj = new Object();
  8.      $scope.products=[];
  9.     Obj.PAGEINDEX = 1;
  10.     Obj.PAGESIZE = 25;
  11.     Obj.SPNAME = "index_get_products";
  12.     Obj.PAGECOUNT = null;
  13.     Obj.COUNTRYCODE = 'in'
  14. loadData($scope, Obj);
  15. })
复制代码
温馨提示:您的支持与理解,是我们工作最大的动力。如果您是从网上购买的图书,请在对应的网店,给予本书一个好评,我们将衷心感谢!!!
以下是《零点起飞学HTML+CSS》对应的购书评论地址:
当当网:http://product.dangdang.com/23286705.html
亚马逊:http://www.amazon.cn/dp/B00DQGIXZO
京东网:http://item.jd.com/1032753326.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则

新突破电商

小黑屋|手机版|Archiver|融智技术学院 ( 京ICP备09018999号  

GMT+8, 2018-12-15 04:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表