Home / Questions / 9391
Accepted
vdjkelly
Asked: 2020-05-09 14:30:08 +0800 CST 2020-05-09 14:30:08 +0800 CST

Cannot read property 'push' of undefined

  • 772

I have a problem when implementing the angularJs ngInfiniteScroll library with Laravel, the truth is that I have not encountered this error here in my Angular Services

function PostServices($http, $q, CONFIG) {
  return {
        getPots: getPots,
      //  postCheck: postCheck,
        postSave: postSave
    };

    this.recipes = [];
    this.loading = false;
    this.page = 1;


   function getPots() {

     var url = CONFIG.APIURL + 'post/ajaxviewpublish?page=' + this.page;
     if (this.loading) return;
     this.loading = true;
     $http.get(url)
     .success(function (data) {
       console.log(data.message.data);
       for (var i = 0; i < data.message.data.length; i++) {
           this.recipes.push(data.message.data[i]);
       }
       this.page++;
       this.loading = false;
       recipes.loading = true; // This should prevent more code from being loaded.
   }.bind(this));


   }
   return getPots;
angularjs

1 Answers

  1. Best Answer

    Maybe 'this' is referencing the wrong object, try the following:

    ...

var self=this;
self.recipes=[];
...

$http.get(url)
 .success(function (data) {
   console.log(data.message.data);
   for (var i = 0; i < data.message.data.length; i++) {
       self.recipes.push(data.message.data[i]);
   }

    Maybe you have to do the same for pageyloading

    • 2