页面刷新触发AngularJS报错,附代码请求排查解决
搞定你的AngularJS错误问题
嘿,我来帮你解决这两个困扰你的AngularJS错误!咱们一个个来捋清楚:
1. 先处理 Uncaught SyntaxError: Invalid shorthand property initializer
这个错误完全是语法小失误——你在定义用户数组里的对象时,用错了赋值符号!JavaScript对象的属性赋值应该用冒号(:),而不是你写的等号(=)。
修改app.js里的用户数组部分就好:
var myApp = angular.module("myapp", ["ngRoute"]); myApp.controller("myController", function($scope){ console.log("This is app.js ..........."); $scope.users = [ {username: "John" , email: "john@mail.com"}, // 把=换成: {username: "Adam" , email: "Adam@adam.com"} // 这里也一样哦 ]; });
2. 再解决 Uncaught Error: [$injector:modulerr]
这个错误一般是ngRoute模块没正确引入,或者模块名称不匹配导致的,按下面两步检查:
- 第一步:确保引入ngRoute脚本
ngRoute不是AngularJS核心自带的模块,得单独引入脚本,而且要放在AngularJS核心脚本之后,比如在你的index.html里加:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular-route.min.js"></script> <script src="app.js"></script>
- 第二步:检查模块名称一致性
你在app.js里定义的模块是myapp,所以index.html里的ng-app指令必须对应上,比如:
<body ng-app="myapp" ng-controller="myController"> <!-- 你的页面内容 --> </body>
把这两处改完之后,刷新页面应该就能正常运行啦!
内容的提问来源于stack exchange,提问作者Shanto Siddiq
相关产品推荐
相关产品推荐

