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

标签： angularjs