Javascript 无限滚动在angularjs的onsen列表中不起作用

Javascript 无限滚动在angularjs的onsen列表中不起作用,javascript,html,angularjs,angularjs-directive,onsen-ui,Javascript,Html,Angularjs,Angularjs Directive,Onsen Ui,我正在用angularjs做一个无限滚动的演示,我是angularjs的新手。我正在使用gonsen ui进行演示,我想在我的应用程序中实现无限滚动功能。使用正常的和元素,它可以完美地工作,但是当我使用无限滚动停止工作时,我不知道为什么它不能工作我的代码出了什么问题 html 返回 表册 {{item.title} 加载 js var app= angular.module('app',['onsen','angular-images-loaded','ngMap','angular-car

我正在用angularjs做一个无限滚动的演示,我是angularjs的新手。我正在使用gonsen ui进行演示,我想在我的应用程序中实现无限滚动功能。使用正常的
  • 元素,它可以完美地工作,但是当我使用无限滚动停止工作时,我不知道为什么它不能工作我的代码出了什么问题

    html

    
    返回
    表册
    {{item.title}
    加载
    
    js

    var app= angular.module('app',['onsen','angular-images-loaded','ngMap','angular-carousel','ngDropdowns']);
         app.controller("Listingcontroller", function($scope, $http){
            var vm=this;
                 var Start = '0';
                 var Pagesize = '10';
                 var SearchTxt = '';
                 var FilterTxt = '';
                 var FilterStarSearch = '';
                 var FilterPriceSearch = '';
                 var FilterLocationSearch = '';
                 var FilterCuisineSearch = '';
                 var FilterCategorySearch = '';
                 var FkCategory ='1';
                 //var title = page.options.params2;
    
          // the array which represents the list
          $scope.items = [];
          $scope.loading = true;
    
          // this function fetches a random text and adds it to array
          $scope.more = function(){
            $http({
    
                    method: 'POST',
                    url:  API_HOST+'/webservice/listinglist',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'caymanauth': caymanauth
                    },
                                          data: "&Start="+cnt+"&Pagesize="+Pagesize+"&SearchTxt="+SearchTxt+"&FilterTxt="+''+"&FilterStarSearch="+FilterStarSearch+"&FilterPriceSearch="+FilterPriceSearch+"&FilterLocationSearch="+FilterLocationSearch+"&FilterCuisineSearch="+FilterCuisineSearch+"&FilterCategorySearch="+FilterCategorySearch+"&FkCategory="+FkCategory
    
    
              }).success(function(data, status, header, config){
                  cnt += 10;
         var i;
    
          for (i = 0 ; i< data['Details'].length ; i++)
                    {
    
                        console.log("==========rating========="+rating);
    
                        var  newItem = data['Details'][i]['varTitle'];
                        var  img =  API_HOST+'/cache/business/images/337_224/'+data['Details'][i]['varCompanyLogo'];
                        var rating =data['Details'][i]['review'];
                        var  desc = data['Details'][i]['varDescBusiness'];
                        var loc = data['Details'][i]['location'];
                        var id =  data['Details'][i]['intGlCode'] ;
    
    
                        $scope.items.push({title:newItem},{id:id},{img:img},{rate:rating},{desc:desc},{loc:loc});
    
                    }
              $scope.loading = false;
    
            });
          };
    
          // we call the function twice to populate the list
          $scope.more();
    
        vm.submit = function(list){
    
                gcat = list.id;
    
                gallery.pushPage("list-page.html",{params:gcat});
               // gallery.pushPage("detail-page.html",{params:Cat_Id});
    
          };
        });''
    
    var-app=angular.module('app',['onsen','angular-images-load','ngMap','angular-carousel','ngDropdowns');
    app.controller(“Listingcontroller”,函数($scope,$http){
    var vm=这个;
    var Start='0';
    var Pagesize='10';
    var SearchTxt='';
    var FilterTxt='';
    var FilterStarSearch='';
    var FilterPriceSearch='';
    var FilterLocationSearch='';
    var FilterCuisineSearch='';
    变量FilterCategorySearch='';
    变量FkCategory='1';
    //var title=page.options.params2;
    //表示列表的数组
    $scope.items=[];
    $scope.loading=true;
    //此函数用于获取随机文本并将其添加到数组中
    $scope.more=函数(){
    $http({
    方法:“POST”,
    url:API_HOST+'/webservice/listinglist',
    标题:{
    “内容类型”:“应用程序/x-www-form-urlencoded”,
    “开曼群岛”:开曼群岛
    },
    数据:“&Start=“+cnt+”&Pagesize=“+Pagesize+”&SearchTxt=“+SearchTxt+”&FilterText=“+++”&FilterStarSearch=“+FilterStarSearch+”&FilterPriceSearch=“+FilterPriceSearch+”&FilterLocationSearch=“+FilterLocationSearch+”&FilterCuisineSearch=“+FilterCuisineSearch+”&FilterCategorySearch=“+FilterCategory+”&FKContegory=“+FKContegory
    }).success(函数(数据、状态、标题、配置){
    cnt+=10;
    var i;
    对于(i=0;i
    看起来您使用的是角度旋转,但不包括应用程序中的模块

    将依赖项添加到应用程序中,如下所示:

    var app = angular.module('app', 
         ['onsen','angular-images-loaded','ngMap','angular-carousel','ngDropdowns', 'angular-whenScrolled']);
    

    显然,页面中也需要包含javascript文件


    您使用什么模块进行无限滚动?@fitype请稍候,我是posting@Filype-请查看我编辑的代码您正在使用吗?您好,谢谢,但它现在显示错误:[$injector:modulerr]未能实例化模块应用程序,原因是:[$injector:modulerr]未能实例化模块角度,原因是:`[$injector:nomod]“旋转时角度”模块不可用!您要么拼错了模块名,要么忘记加载它。如果注册一个模块,请确保将依赖项指定为第二个参数。我在index.html中包括了它的工作原理,它是一个
    var-app=angular.module('app',['onsen','angular-images-loaded','ngMap','angular-carousel','ngDropdowns','angular-whenScrolled')这行告诉我上面的错误:(