Question

<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>

Answer 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.');
    });
  }

刷新用户列表视图-AngularJS

1 个答案: