AngularJs/Nodejs 更新视图并为其设置动画

Question

我在写

angularjs/nodejs

我使用 $http 服务 从数据库加载我的数据并使用 ngRepeat 指令 将其显示到视图中。我不能做的是当我向数据库添加新项目时，只用一个项目更新我的视图，然后用动画来做。我知道需要使用 ngAniamte 并在 ng enter 上设置类但是 如何在不重新加载整个视图的情况下将单个项目推入数据数组？

数据加载和插入

 vm.loadData = function () {
                         $http.get('/data')
                              .success(function (data) {
                                   vm.data = data;
                              })
                              .error(function (data) {
                                   console.log('Error: ' + data);
                              });
                    }



         http.post('/data', data).success(function (data) {

               })

Answer 1

我假设vm.data 是一个数组？您不应重新分配完整的数组，而应向其中添加新项目、从中删除旧项目和/或更新其中的项目。您可以使用vm.data.push() 添加新项目并使用vm.data.splice() 添加/删除项目。为此，您需要将vm.data 与data 进行比较，以确定需要添加/删除/修改哪些项目。