AngularJS GET请求自动完成，而无需重新加载或刷新页面即可呈现数据

Question

我正在尝试解决问题。

我有一个包含四个字段的表。

这里是我的控制者：

app.controller('crudCtrl', function($scope, $http) {
  getAllContact = function() {
    var data = $http.get("http://127.0.0.1:8000/api/v1/contact/")
    .then(function(response) {
      $scope.contacts = response.data;
    }, function(response) {
      $scope.connectionError = "Opps ! Having Trouble in loading this page ! \n  It's Connection Error !!!";
    }); 
  };
  getAllContact();

上面的代码片段运行正常，但是我想要其他类似的东西。

在后端/数据库/服务器中发生任何更改（如更新/创建/删除），以便更改自动反映在客户端，而无需刷新或重新加载页面。

当前，如果我重新加载页面，我的代码工作正常，我看到了更改，但我不希望重新加载。每当后端发生更改时，我都立即想要它，这样我就可以在客户端看到更改，而无需刷新或重新加载任何页面。

我该如何实现？

如果您想见我的客户，在这里您可以查看客户端代码段：

<table class="table table-striped table-light">

    <tbody>
      <tr ng-repeat="contact in contacts | filterByName track by $index ">
        <td>{{ contact.id }}</td>
        <td>{{ contact.userid }}</td>
        <td>{{ contact.name }}</td>
        <td>{{ contact.email }}</td>
        <td>{{ contact.phone }}</td>
        <td>
      </tr>
    </tbody>
  </table>