2016-02-27 74 views
0

我正在與Angular集成在一起,並試圖在我的應用程序中實現無限滾動。ngInfiniteScroll導致TypeError:無法讀取屬性'Scroll'的undefined

所以我很努力地在我的頁面中使用ngInfiniteScroll。正在關注this documentation我開始面臨TypeError: Cannot read property 'Scroll' of undefined angular.js:13236錯誤消息。

(function (angular) { 
    "use strict"; 

    var app = angular.module('myApp.baby', ['firebase', 'firebase.utils', 'firebase.auth', 'ngRoute', 'infinite-scroll']); 

    app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/:babyId', { 
     templateUrl: 'baby/baby.html', 
     controller: 'BabyController', 
    }); 
    }]); 

    app.controller('BabyController', ['$scope', 'Auth', 'fbutil', 'FBURL', '$location', '$firebaseObject', '$routeParams', '$firebaseArray', 
    function($scope, Auth, fbutil, FBURL, $location, $firebaseObject, $routeParams, $firebaseArray) { 
     $scope.FBURL = FBURL; 

     var unbind; 

     var baby = $firebaseObject(fbutil.ref('babies', $routeParams.babyId)); 
     baby.$bindTo($scope, 'baby').then(function(ub) { unbind = ub; }); 

     var baseRef = new Firebase(FBURL).child("posts"); 
     var scrollRef = new Firebase.util.Scroll(baseRef, 'number'); 
     $scope.items = $firebaseArray(scrollRef); 
     $scope.items.scroll = scrollRef.scroll; 
    } 
    ]); 

})(angular); 

posts.html

<div infinite-scroll="items.scroll.next(10)" infinite-scroll-distance="1"> 
    <div ng-repeat="item in items"> 
    {{item.$id}}: {{item.number}}, {{item.string}} 
    </div> 
</div> 

任何形式的幫助將不勝感激。

+0

數據是否與你的ng-repeat一起顯示? – Rarepuppers

+0

@comoss不,屏幕上沒有任何事情發生。 – adolfosrs

回答

1

此處的投訴是Firebase.util未定義。最有可能的是,您未通過腳本標記包含庫,或者您將錯誤的順序包含在內,並且在代碼被調用時它不可用。

問題中的代碼沒有提供mcve,並且該錯誤與此處顯示的代碼無關,因此在回答此問題時涉及到一些猜測。

+0

好的,還有什麼會有所幫助的呢? 「你錯誤地把事情包括在內」是什麼意思?什麼應該包括第一或最後? – adolfosrs

+0

如果您不知道'

相關問題