Ошибка встроенного инжектора AngularJS Ошибка: [$ injector: modulerr]

Question

Я новичок в AngularJS, и я стараюсь следовать некоторой структуре масштабируемых приложений, а также пытаться заставить Firebase работать. Тем не менее, я получаю простую ошибку в инжекторе. Когда я просматриваю дерево ошибок, это все ссылки на AngularJS, и я не вижу ссылки на объект в моем коде. Наверное, я смотрю не туда?

Failed to instantiate module MyApp due to: 
Error: [$injector:unpr] http://errors.angularjs.org/1.3.11/$injector/unpr?p0=e 
    at Error (native) 
    at  https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:6:417 
    at  https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:38:307 
    at d  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:36:308) 
    at Object.e [as invoke]  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:37:64) 
    at d  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:35:301) 
    at  https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:35:425 
    at s  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:7:302) 
    at g  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:35:202) 
    at Ob  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:38:435 

This is my Plunkr sample

Answer 1

Кажется, вы не получите $scope правильно.

Для routeProvider, это templateUrl вместо templateURL. Для TeamCtrl, если вы хотите связать объект с View, не забудьте добавить этот объект в $scope.

angular.module('MyApp').config(function($routeProvider) { 
    $routeProvider 
    .when('/', { 
     controller: 'TeamCtrl', 
     templateUrl: 'team.html' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 

}); 

angular.module('MyApp').controller('TeamCtrl', ['$scope', '$firebase', 'Teams', 
    function ($scope, $firebase, Teams) { 

     $scope.Teams = Teams; 
     $scope.team = {}; 

     $scope.SaveTeam = function(team) { 
      $scope.Teams.$add({ 
       Id: $scope.team.id, 
       Name: $scope.team.Name, 
       Wins: $scope.team.Wins, 
       Losses: $scope.team.Losses 
      }); 
     }; 

     $scope.team.id = ""; 
     $scope.team.Name = ""; 
     $scope.team.Wins = ""; 
     $scope.team.Losses = ""; 
    } 
]); 

Для team.html

<div ng-repeat="team in Teams"> 
    <h2>{{team.Name}}</h2> 
    {{team.Wins}}/{{team.Losses}} 
</div>