angular 控制器功能损坏

Question

下面是我正在处理的应用程序的草稿：

<!doctype html>
<html ng-app>
    <head>
    <script src="/bower_components/angular/angular.js"></script>
        <script src="/bower_components/angular-youtube-mb/dist/angular-youtube-embed.min.js"></script>
        <script type="text/javascript">
            var myApp = angular.module('myApp', ['youtube-embed']);

            myApp.controller('MyCtrl', function ($scope) {
              // have a video id
              $scope.theBestVideo = 'i9MHigUZKEM';
            });
        </script>
    </head>
    <body ng-app="myApp">
        <div ng-controller="MyCtrl">
            <youtube-video video-id="theBestVideo"></youtube-video>
        </div>
    </body>
</html>

我找不到问题所在，但我可以在 chrome 控制台中看到 Argument 'MyCtrl' is not a function, got undefined 错误。我认为一切都在那里：应用程序、控制器，一个绑定到另一个。有人可以指出我这里有什么问题吗？

编辑：如果相关，我使用的是 1.2.28 angular.js

Answer 1

有个小错误。
变化:<html ng-app>
至：<html ng-app="myApp">

Answer 2

我已经验证了你的代码，你唯一需要改变的是删除这一行

<html ng-app>

。因为您在开始时使用了两个 html 标签，所以您收到错误 Argument 'MyCtrl' is not a function, got undefined.

angular 控制器功能损坏

angular controller function broken

javascript

controller

angularjs