角度控制器功能坏了

时间:2015-01-19 07:50:59

标签: javascript angularjs controller

以下是我正在处理的应用程序的划痕:

<!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

2 个答案:

答案 0 :(得分:2)

那里有一个小错误 更改<html ng-app>
<html ng-app="myApp">

答案 1 :(得分:1)

我已经验证了您的代码,只有您需要更改的是删除此行

<html ng-app>

。因为您在开始时使用了两个html标签,这就是为什么您会收到错误参数'MyCtrl'不是函数,未定义。