AngularJS ng-repeat doesn't work with callback data

Question

I have a JavaScript function

function wantConversation(socket, callback) {
    if(socket)
    {
        socket.emit('user.wantConversation');
    }
    socket.on('user.getConversation', function(data) {
        callback(data);
    });
}

it Return a list of Conversations into an array and I call it into my Angular Controller

var panel_app = angular.module('panel-app', [])
    .controller('panel-controller', function($scope){
        wantConversation(socket, function(data) {
            $scope.conversations = data;
        });
    };
});

But my ng-repeat doesn't work :( i know problem is callback function.
and this is my Html

<div ng-repeat="x in conversations | filter: searchBox">
    {{ x.name }}
    // ...
</div>

charlietfl · Accepted Answer · 2016-01-12 00:06:32Z

4

You need to tell angular when the scope is modified outside of angular context so it can run a digest cycle to update view

Try

wantConversation(socket, function(data) {
    $scope.conversations = data;
    $scope.$apply();// tell angular to update view
});

answered Jan 12, 2016 at 0:06

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

1 Comment

charlietfl Over a year ago

Important to realize that socket isn't part of angular

Collectives™ on Stack Overflow

AngularJS ng-repeat doesn't work with callback data

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related