鍍金池/ 問答/HTML5  HTML/ angularjs中注入報錯？

angularjs中注入報錯？

module名稱和controller名稱都沒有錯，為什么會報錯呢？嘗試了很久也沒能解決，前端小白一枚，求各位大大指點~~

如圖所示，頁面報錯是這樣的：
clipboard.png

這是我的HTML代碼：
clipboard.png

這是JS代碼：
clipboard.png

HTML源碼：

<!DOCTYPE html>
<html lang="en" ng-app="MyModule">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/angular1.5.0.min.js"></script>
    <script src="js/scopeBind.js"></script>
</head>
<body>
<div ng-controller="MyCtrl">
    <drink flavor="{{ctrlFlavor}}"></drink>
</div>
</body>
</html>

JS源碼：

var MyModule = angular.module("MyModule", []);
MyModule.controller("MyCtrl", ["scope",
    function ($scope) {
        $scope.ctrlFlavor = "百威";
    }
])
MyModule.directive("drink", function () {
    return {
        restrict: "AE",
        template: "<div>{{flavor}}</div>",
        link: function (scope, element, attrs) {
            scope.flavor = attrs.flavor;
        }
    }
})
回答
編輯回答
萌吟

angularjs1的版本的注入都是$scope，只有在你想向別的方法傳當(dāng)前作用域時可以根據(jù)實參和形參對應(yīng)更改為scope

2017年1月17日 10:31
編輯回答
故林

MyModule.controller('MyCtrl', function ($scope) {

        $scope.ctrlFlavor = "百威";

});

2017年5月9日 10:08
編輯回答
何蘇葉

拼寫錯誤，代碼沒問題

MyModule.controller("MyCtrl", ["$scope",
    function ($scope) {
        $scope.ctrlFlavor = "百威";
    }
])
2018年2月15日 09:47
編輯回答
挽青絲

控制器依賴注入那邊寫錯了，你寫的scope，而angular里面的是$scope，所以會找不到這個服務(wù)而報錯。

2017年12月28日 19:44