$ rootScope ist nicht im Controller definiert

Question

Unten ist meine Definition von Controller. Wenn ich die Anwendung starte, bekomme ich

"$ rootScope ist nicht definiert".

Kann jemand mir helfen zu verstehen, was hier falsch ist.

var webadmin = angular.module('PcPortal') 
    .controller('environmentController', 
    [ 
     '$scope', '$http', '$rootScope', 
     function ($scope, $http) { 
      $http.get('http://localhost:52240/api/PcpEnvironment/GetAllEnvironments') 
       .then(function (response) { 
        $scope.Environments = response.data; 
       }); 

      $scope.findSelectedItem = function (index) { 
       var env = $scope.Environments[index]; 
       $rootScope.selectedEnv = env; 
      }; 

     } 
    ]); 

Html Linie Funktion aufzurufen ...

<td><a ng-click="findSelectedItem($index)" href="#/UpdateEnvironment">Update</a></td> 

Answer 1

Sie injizieren $rootScope, aber sie schaffen ihre Instanz als $http

die Sie interessieren und $http Instanz als $http und $rootScope Instanz als $rootScope

erstellen

var webadmin = angular.module('PcPortal') 
    .controller('environmentController', 
    [ 
     '$scope', '$http', '$rootScope', 
     function ($scope, $http, $rootScope) { 
      $http.get('http://localhost:52240/api/PcpEnvironment/GetAllEnvironments') 
       .then(function (response) { 
        $scope.Environments = response.data; 
       }); 

      $scope.findSelectedItem = function (index) { 
       var env = $scope.Environments[index]; 
       $rootScope.selectedEnv = env; 
      }; 

     } 
    ]);