Обновить представление списка пользователей - AngularJS

Question

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

Я работаю над представлением CRUD с использованием AngularJS, а внутренний API находится в коллекции пользователей.Что касается вида, у меня есть объект newUser, и в каждом поле есть ng-модель для двухсторонней привязки данных.При нажатии кнопки «Сохранить» я вызываю функцию «saveClickHandler ()» в контроллере.Я делаю POST для пользовательского API, чтобы сохранить пользовательские данные.Однако у меня есть представление списка, которое заполняет коллекцию пользователей при запуске контроллера и отображает пользователей.

Как обновить коллекцию пользователей после сохранения пользователя?

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