初探angular之[$injector:modulerr]
来源:互联网 发布:淘宝买正品退假货 编辑:程序博客网 时间:2024/05/06 07:38
学习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对象, 仍会报错
0 0
- 初探angular之[$injector:modulerr]
- angular.js:4411 Uncaught Error: [$injector:modulerr]
- angular.js 错误:Error: [$injector:modulerr] 原因
- Uncaught Error: [$injector:modulerr]
- [angular]服务之3$injector
- angular.injector
- AngularJS: Error reports on $injector:modulerr
- Error: [$injector:modulerr] Failed to instantiate module phonecatApp
- Uncaught SyntaxError: Unexpected identifier和 Uncaught Error: [$injector:modulerr]
- Angular之依赖注入(injector)与原生View组件
- AngularJs angular.injector、angular.module
- angularJS学习之路(二十一)---injector---初探依赖注入
- angular.js学习(3)--injector注射器
- angular.js 错误: Error [$injector:unpr] 原因
- 探究Angular依赖注入对象$injector
- ncaught Error: [$injector:cdep] angular 循环依赖
- Nutch之Injector
- Angular初探
- spring-boot mail 邮件发送
- 学生信息系统1
- 搞得地图路线规划问题
- 在access中的排名
- 实现自定义select标签
- 初探angular之[$injector:modulerr]
- 每天一个linux命令(11):nl命令
- epoll 简介
- 推荐一个zookeeper信息查看工具
- Android 使用MultipartEntity 图文上传相关处理
- poj2201 Cartesian Tree
- view添加到NavigationBar上
- K近邻,kd树
- Android-看图猜成语