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

Question

Я застрял в операциях CRUD в 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-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;
          })
        }
      } 

  });