初探angular之[$injector:modulerr]

学习angular的人,想必对这个错误—$injector:modulerr都不陌生.
大多数遇到的错误生成原因,应该是ui.route.js引入错误.但是其实有另一个原因也会导致这个错误.如下:

window.onload = function(){
                var app = angular.module('myApp',[]);
                app.controller('customersCtrl',function($scope,$http) {
                    $http.get("PHP/connDB.PHP").success(function (response) {
                        $scope.rows = response;
                        console.log(response);
                    });
                });
            }

如上所示,当我们将angular实例化放入类似于准备就绪的函数中,同样会触发这个错误.原因如下所示:

HTML代码在浏览器内加载完毕后,会立即寻找ng的实例化.而dom加载完毕与window.onload方法是先后继承的关系,并且只有DOM加载完毕才会触发window.onload方法. 事实上,ng-app与window.onload是在同一个作用域下面,但我所做的则是把ng-app放入onload方法中,造成顶层对象无法访问到隔代对象(也就是JS作用域链).

顺便再说下ui.route.js造成的injector error. ng1.1以后,route这个模块已经从ng中拿出来,单独成一个组件.所以如果想用路由模块就必须单独引入angular.ui.route.js这个文件.此外,angular.js必须在angular.ui.route.js之前引入,否则路由模块无法找到ng对象,仍会报错