如何在许多页面上使用ng-app和ng-controller?

时间:2017-02-01 06:36:47

标签: php angularjs ng-controller ng-app

我被困在AngularJS的CRUD操作中。

  1. index.html。在我正在使用ng-appng-controller
  2. 的正文页面上
  3. offer_letter_dashboard.php
  4. 我在这个页面上的
  5. termination_dashboard.php我正在编写用于添加和获取数据的脚本。
  6. 我在两个页面上使用相同的脚本来获取数据。这是脚本:

    <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>
    

    现在只有第一页可以检索数据。只有第一页的脚本才能正常工作。它也适用于终止页面。

1 个答案:

答案 0 :(得分:0)

您可以使用ng-app和ng-controller在不同页面上拥有同一控制器的多个实例。 如果同一应用程序中有多个控制器,则可以使用ng-route或ui-router链接页面 如果您想使用相同的脚本向多个网址发出请求,您可以在脚本中使用函数传递网址

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

  });