Question

我是AngularJS的新手，我正在寻找有关刷新模块表格内容的建议（在这种情况下，这是一个名称和邮政编码列表）。

在脚本中，我在按下按钮时引用要刷新的json文件：

<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http, $timeout) {
   $http.get("jsondisplay4.php")
   .then(function (response) {$scope.names = response.data;});

});


</script>

这是HTML：

<div ng-app="myApp" ng-controller="customersCtrl">
 <button ng-click="doRefresh()">Refresh</button>
<table>
<tr>
   <td>Ref</td>
   <td>Company</td>
   <td>&nbsp;</td>
</tr>   


  <tr ng-repeat="x in names">
    <td>{{ x.Ref }}</td>
    <td>{{ x.CompanyName }}</td>
    <td>
      <input type="text" name="textfield" id="textfield" ng-model="x.PostCode"></td>
  </tr>
</table>

</div>

我目前有“doRefresh（）”作为潜在的名称，它只是放置正确代码的位置以及它应该是什么。

非常感谢任何帮助。

Answer 1

app.controller('customersCtrl', function($scope, $http, $timeout) {

   function run(){
    $http.get("jsondisplay4.php")
      .then(function (response) {
        $scope.names = response.data;
      });
   } 

  $scope.doRefresh = function(){
    run();
   }

   run();
});

加载控制器时，它将调用run方法。 $scope.doRefresh将执行相同的操作

angularjs：刷新模块

1 个答案: