多くのページでng-appとng-controllerを使用するには？

Question

私はAngularJSのCRUD Operationsで立ち往生しています。

1. index.html。体のこのページで私はng-appとng-controllerを使用しています。
2. offer_letter_dashboard.phpおよび
3. termination_dashboard.phpこのページでは、データの追加および取得用のスクリプトを作成しています。

両方のページで同じスクリプトを使用してデータを取得しています。スクリプトは次のとおりです。

<script> 
    var app = angular.module('myApp', []); 
    app.controller('myCtrl', function($scope, $http){ 
     $http.get("http://www.adhr.adnacgroup.com/ADHRM/companyJson.php") 
     .then(function(response){ 
      $scope.names = $scope.names = response.data.service; 
     }); 
     getInfo(); 
     function getInfo(){ 
      $http.post('gettermination.php').success(function(data){ 
       $scope.details = data; 
      }) 
     }  
    }); 
</script> 

今のところ最初のページだけがデータを取得できます。最初のページのスクリプトだけが正常に動作しています。そしてそれは終了のページにも適用されます。

Answer 1

ng-appとng-controllerを使用すると、同じコントローラの複数のインスタンスを異なるページに配置することができます。 同じアプリに複数のコントローラがある場合は、ng-routeまたはui-routerを使用してページをリンクできます 複数のURLに同じスクリプトを使用してリクエストを行う場合は、 URL

var app = angular.module('myApp', []); 
    app.controller('myCtrl', function($scope, $http) 
    { 
     var getData=function(url){ 
     $http.get(url) 
     .then(function(response){ 
     $scope.names = $scope.names = response.data.service;}); 
     getInfo(); 
     function getInfo(){ 
     $http.post('gettermination.php').success(function(data) 
      { 
      $scope.details = data; 
      }) 
     } 
     } 

    });