AngularJs add new data to ng-repeat

Question

I created a small application. I used realtime database. Firstly I used a query to get data from database. When a record added to database. I can get that data. But I have to append new data to existing data. How can I append?

HTML

<tr ng-repeat="i in result track by $index">
    <td>{{i.id}}</td>
    <td>{{i.category}}</td>
    <td>{{i.status}}</td>       
</tr>

JS

var app = angular.module('socket', []); 
app.controller('homeController', function ($scope) {        
    var socket = io.connect('http://localhost:3000');
    socket.on('list', function (data) {     
        $scope.result =  data;
        if (!$scope.$$phase) $scope.$apply();   
    });
});

Data

First query result

data = [
        {id:1, category:2, status:1},
        {id:2, category:1, status:2}
       ];

New data result

newData = [{id:3, category:1, status:2}];

Umesh · Accepted Answer · 2019-04-21 17:12:06Z

1

Try this:

var app = angular.module('socket', []); 
app.controller('homeController', function ($scope) {        
    var socket = io.connect('http://localhost:3000');
    $scope.result = []
    socket.on('list', function (data) {     
        $scope.result = $scope.result.concat(data);
        if (!$scope.$$phase) $scope.$apply();   
    });
});

answered Apr 21, 2019 at 17:12

Umesh

9715 silver badges12 bronze badges

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

2 Comments

Hermes Over a year ago

Concat is working. But order doesn't work. I want to see last data on the top

Umesh Over a year ago

@Hermes $scope.result = data.concat($scope.result) will do the trick

Collectives™ on Stack Overflow

AngularJs add new data to ng-repeat

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related