錯誤：[$ injector：unpr]未知提供程序：路由時，角度Js中的$ scope

Question

var myWebsite = angular.module('myWebsite', ['ngRoute']);


myWebsite.config(['$scope', '$routeProvider', function($routeProvider) {
    $routeProvider
    .when("/home", {
        templateUrl : "index.html",
    })
    .when("/about", {
        templateUrl : "views/about-view.html",
    })
    .otherwise({
        redirectTo : "/home"
    });
}]);

myWebsite.controller('myWebsiteCtrl', ['$scope', function($scope){
    console.log("angular is initialised");
}]);

myWebsite.controller('aboutCtrl', ['$scope', function($scope){
    console.log("about controller is initialised");
}]);

這段代碼給出了錯誤錯誤：[$ injector：unpr]未知提供程序：$ scope。 我在標題使用這些行

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.js">`enter code here`</script>

<script src="https://code.angularjs.org/1.6.3/angular-route.js"></script>

Answer 1

$scope在config塊中不可注入。 您只能使用注入到controller上的$scope依賴項。 從技術上講，不可能（永遠）在config階段注入$scope ，因為config塊將只允許注入提供程序。 另外，配置階段發生在應用程序引導時（特別是在運行階段之前）。

myWebsite.config(['$routeProvider', function($routeProvider) {

注意：確保在頁面上引用了angular-route.js