angularjs：モジュールをリフレッシュ

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は同じことを行います