如何在多个页面中使用 ng-app 和 ng-controller？

Question

我被困在 AngularJS 中的 CRUD 操作中。

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;
          })
        }
      } 

  });