刷新用户列表视图 - AngularJS答案

【问题标题】：Refresh User List View - AngularJS刷新用户列表视图 - AngularJS
【发布时间】：2019-03-04 18:07:24
【问题描述】：

<ul class="users">
   <li ng-repeat="user in users">
       <p>{{user.name}} {{user.email}}</p>
   </li>
</ul>

我正在使用 AngularJS 处理 CRUD 视图，后端 API 位于用户集合中。在视图方面，我有一个 newUser 对象，每个字段都有用于 2 路数据绑定的 ng-model。在保存单击按钮上，我在控制器中调用“saveClickHandler()”函数。我正在对用户 API 进行 POST 以保存用户数据。但是，我有一个列表视图，它在控制器启动时填充用户集合并显示用户。

保存用户后如何刷新用户集合？

let add = function() {
        console.log("In add method");
        $http.post('api/user', {"name": $scope.newUser.name, 
        "email": $scope.newUser.email})
        .then(function(result){
            $scope.newUser = {};
        }, function (error){
          console.log(error, 'can not get data.');
        });
      }

<p>
<label>Name</label>
<input type=“text” ng-model="newUser.name"/>
<label>Email</label>
<input type=“email” ng-model="newUser.email"/>
</p>

【问题讨论】：

您只需要再次从服务器获取用户，发出get请求并将结果存储在$scope.users

标签： angularjs

【解决方案1】：

如果你的控制器在页面加载时已经获取了所有用户的结果，你可以调用 $route.reload()：

let add = function() {
    console.log("In add method");
    $http.post('api/user', {"name": $scope.newUser.name, 
    "email": $scope.newUser.email})
    .then(function(result){
        $route.reload();
    }, function (error){
      console.log(error, 'can not get data.');
    });
  }

【讨论】：