Ключевое слово «this» внутри угловых контроллеров js

Question

С этого URL-адреса https://github.com/angular/angular-seed/blob/master/app/js/app.js у меня есть контроллер, как показано ниже.

function WineListCtrl(Wine) { 
    this.wines = Wine.query(); 
} 

До сих пор то, что я делал в угловом режиме, определяет контроллер с впрыском $ scope. Таким образом, я пытался, изменяя выше контроллер

function WineListCtrl(Wine, $scope) { 
    console.log($scope, this) 
    this.wines = Wine.query(); 
} 

Но это дает ошибку об ошибке: Неизвестный поставщик для '$scope'.

У меня есть три вопроса:

1. Почему $scope контроллера не вводили.
2. Делает this внутри WineListCtrl означает $scope.
3. Большинство ошибок в Угловом формате имеют формат «Неизвестный поставщик для XXXX». Что я должен искать, если так говорит Firebug?

Answer 1

1. Вы используете "выведенные зависимости" (см DI page), который должен работать нормально, если вы не преуменьшать или затуманить ваш JavaScript.

2. Смотрите my answer на этот вопрос: 'this' vs $scope in AngularJS controllers

3. ошибки "Неизвестная провайдера обычно возникают, когда вы забыли использовать ng-app где-то, или вы забыли инициализировать приложение с соответствующим модулем:

   • angular js unknown provider
   • AngularJS linky filter throws an "Unknown Provider" error

Answer 2

1. При написании контроллеров в этой форме вы должны вводить их с зависимостями, как так:

   function WineListCtrl(Wine, $scope) { console.log($scope, this) this.wines = Wine.query(); } WineListCtrl.$inject = ['Wine', '$scope'];

2. this не то же самое, как $scope. $ Прицел an angular-specific object создан с $rootScope.$new()

3. см # 1