AngularJS scope no updating

Question

I'm using a button that invokes clickLoadMorePosts which has two parameters, the important one is the date, this button triggers the function below.

In the response, I'm receiving javascript code that update this date in the button's parameter and it's updating fine, but when I click again that button, the scope is taking the first date, instead the date i got in the response even when this new date is updated in the html code (I looked through Google chrome inspector).

I think the problem is because $scope is not updating the new content and therefore is not taking the new date.

I also read that I should probably use $apply in some place, but I got an error because $http uses $apply.

Help and insight are appreciated!

HTML

<span id="loadMorePosts" ng-click="clickLoadMorePosts({{$idAccount}},'{{$date}}')"> Load more content </span>

JAVASCRIPT

function TodoCtrl($scope, $http ) {

    $scope.clickLoadMorePosts = function(idAccount, date) {

      $http.post("loadPersonalPosts", {'idAccount': idAccount, 'date': date} )
        .success(function (data) {
            $('#postLoader').append(data);
        }).error(function (data) {
            alert("error");
      });
    };
}

You're appending the data to $('#postLoader')... what is that? — deceze
– deceze ♦, Commented Apr 1, 2015 at 6:34

huan feng · Accepted Answer · 2015-04-01 07:05:35Z

2

You should assign the response data to a scope variable, in the page, you should use like {$scope.data. date} rather than manipulating the DOM via append.

answered Apr 1, 2015 at 7:05

huan feng

8,7043 gold badges40 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS scope no updating

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related