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标签，这就是为什么您会收到错误参数'MyCtrl'不是函数，未定义。

角度控制器功能坏了

2 个答案: