Как использовать ng-app и ng-controller для многих страниц?

Question

Я застрял в CRUD Operations в AngularJS.

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-контроллером. Если у вас несколько контроллеров в одном приложении, вы можете использовать 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; 
      }) 
     } 
     } 

    });