首页 > 代码库 > 《Angular 权威指南》读书笔记--‘MyController is not a function,got undefine’
《Angular 权威指南》读书笔记--‘MyController is not a function,got undefine’
这是在看《Angular 权威指南》时遇到的第一个坑，书中的例子是这样的：
<!doctype html><html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script> </head> <body> <div ng-controller="MyController"> <h1>Hello {{ clock }}!</h1> </div> <script type="text/javascript"> function MyController($scope, $timeout) { var updateClock = function() { $scope.clock = new Date(); $timeout(function() { updateClock(); }, 1000); }; updateClock(); }; </script> </body></html>
书中用的angular是1.2的版本，我自己用的是1.4版本，运行后就报错了，说‘MyController is not a function,got undefine’。
查了一下，出现这个问题是在angular1.3中禁止了直接在根上注册controller，原因是让根节点上（rootScope）不被挂上冗余内容，将原代码作如下修改后即可正常运行:
<!doctype html><html ng-app=‘first‘> <head> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-controller="MyController"> <h1>Hello {{ clock }}!</h1> </div> <script type="text/javascript"> var firstMoudle=angular.module(‘first‘,[]); firstMoudle.controller(‘MyController‘,MyController); function MyController($scope, $timeout) { var updateClock = function() { $scope.clock = new Date(); $timeout(function() { updateClock(); }, 1000); }; updateClock(); }; </script> </body></html>
《Angular 权威指南》读书笔记--‘MyController is not a function,got undefine’
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。