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

Question

我正在写

  

angularjs /的NodeJS

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

数据加载和插入

 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进行比较，以确定需要添加/删除/修改的项目。