添加新记录后AngularJs更新数据
添加新记录后AngularJs更新数据
提问于 2016-09-25 16:42:18
在将新记录添加到数据库时，哪一种更新注释数据的最佳方法？我最近有这段代码，运行良好，但我认为，如果我有大量的comments.Any帮助，这种编码方式可能需要很长时间。
function addComment(comment){
dataservice.addComment(comment).then(function(response){
if(response.status == 200){
vm.getArticleComments(); // this will make new request to backend to fetch all comments
comment.body = '';
}else{
return false;
}
});
}如果响应代码是200，我正在考虑将新的注释推到视图中。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-25 17:06:30
海事组织，最好用数组代替。
使用unshift()方法添加ng-repeat列表。
var data = [bar,bar2,bar3];
data.unshift(newItem);
//data = [newItem,bar,bar2,bar3];在进行此操作之前，请确保您已经成功地使用$http填充了数据库。
正如您所说的，您认为应该推送，这也是一个不错的选择，但这将把新的数据推到视图中列表的末尾。
希望这对你有帮助
var app = angular.module('app', []);
app.controller('MainCtrl', ['$scope', function ($scope) {
$scope.items = [{
name: '1',
type: 'A'
}, {
name: '2',
type: 'B'
}];
$scope.prependItem = function () {
$scope.items.unshift({
name: '3',
type: 'C'
});
};
}]);<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
<script>document.write('<base href="' + document.location + '" />');</script>
<script src="//code.angularjs.org/1.2.6/angular.min.js"></script>
<script src="//code.angularjs.org/1.2.6/angular-route.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<div ng-repeat="item in items" watch-scope="item">
<div class="someClass">Item name: {{item.name}}</div>
<div class="anotherClass">Item type: {{item.type}}</div>
</div>
<button ng-click="prependItem()">Add New</button>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39689297
复制相关文章
相似问题
腾讯云开发者
