首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >AngularJs向ng-repeat添加新数据

AngularJs向ng-repeat添加新数据
EN

Stack Overflow用户
提问于 2019-04-22 01:08:29
回答 1查看 49关注 0票数 0

我创建了一个小应用程序。我使用了实时数据库。首先,我使用一个查询从数据库中获取数据。当一条记录添加到数据库时。我可以拿到这些数据。但我必须将新数据附加到现有数据。我怎样才能追加?

HTML

代码语言:javascript
复制
<tr ng-repeat="i in result track by $index">
    <td>{{i.id}}</td>
    <td>{{i.category}}</td>
    <td>{{i.status}}</td>       
</tr>

JS

代码语言:javascript
复制
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

代码语言:javascript
复制
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}];
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-22 01:12:06

代码语言:javascript
复制
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();   
    });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55784884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档