在 angular.module.controller 中获取$Scope

Question

这是一个菜鸟问题：

我正在使用 Angular 种子应用程序并尝试编写一个控制器，但没有运气访问$scope（以及任何其他依赖项）。

angular.module('myApp.controllers', []).
  controller('mainCtrl', [function( $scope, $http ) {
      $http.get('config/configuration.json').success( function( data ) {
        $scope.gametitles   = data.gametitles;
        $scope.environments = data.environments;
        $scope.playermanagerServer = data.playermanagerServer;
      });
      $scope.gametitle = $scope.gametitles[0];
      $scope.environment = $scope.environments[0];      
  }])

如果我中断代码，$http和$scope都是未定义的。 我如何访问这些？

提前致谢

Answer 1

我认为问题出在控制器声明的语法上。试试controller('mainCtrl', ['$scope', '$http', function ($scope, $http) { ... controller code ...}]);

您可能需要在此处查看 A 的文档以了解控制器中的依赖关系注入

Answer 2

或者

，假设你没有丑化你的代码，你可以使用更简单的注入形式：

controller（'mainCtrl'， function（ $scope， $http ） {} ）

（注意，函数不是数组的成员，而是直接传递的）