Angular-Controller: verwirrt über den ‚$ scope‘ Parameter

Question

<div ng-app="myApp" ng-controller="myCtrl"> 

<h1>{{carname}}</h1> 

</div> 

<script> 
var app = angular.module('myApp', []); 

app.controller('myCtrl', function($scope) { 
    $scope.carname = "Volvo"; 
}); 
</script> 

ich $scope gedacht ist lediglich der Name eines Parameters für die anonyme Funktion, und man kann nicht einfach zuordnen es Eigenschaften (carname), ohne sie ein Objekt als vorbei das Argument.

Erstellt Angular automatisch ein Argument namens so etwas wie myCtrlScope an den Parameter $scope übergeben? Ansonsten sehe ich keine Möglichkeit, dass ein tatsächlich Objekt $scope übergeben wird, die lediglich ein Parameter ist.

Answer 1

Die Art und Weise der Controller geschrieben als wie dies auch geschrieben werden:

app.controller('myCtrl', [ "$scope", function($scope) { 
    $scope.carname = "Volvo"; 
}]); 

Die Art und Weise ist Methode Kurz Hand erklärt. Die Art, wie Sie erwähnt haben, ist nicht falsch, aber die bessere Methode zum Deklarieren ist die obige Methode, bei der wir jede der Abhängigkeiten angeben. Sie können die Dokumentation für dependency injection zur besseren Erläuterung überprüfen.

Answer 2

Verwendung dieses Inline Array Annotation wie diese

<div ng-app="myApp" ng-controller="myCtrl"> 

<h1>{{carname}}</h1> 

</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl',['$scope', function($scope){ 
    $scope.carname = "volvo"; 
}]); 
</script> 

</body> 
</html>