Javascript 无限滚动在angularjs的onsen列表中不起作用
我正在用angularjs做一个无限滚动的演示,我是angularjs的新手。我正在使用gonsen ui进行演示,我想在我的应用程序中实现无限滚动功能。使用正常的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
和
元素,它可以完美地工作,但是当我使用无限滚动停止工作时,我不知道为什么它不能工作我的代码出了什么问题
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')代码>这行告诉我上面的错误:(