angular.js - angular TypeError: Cannot read property ’id’ of undefined？
问题描述
demo功能描述：在一个页面中实现学生信息浏览的功能。首先，以列表的方式显示全部学生的姓名；然后，当在列表单击某个学生姓名时，进入改学生的详细资料页。显示该学生的全部资料。5-7.html
<!DOCTYPE html><html lang='en' ng-app='a5_7'><head> <meta charset='UTF-8'> <title>Title</title> <script type='text/javascript' src='https://www.haobala.com/bower_components/angular/angular.min.js'></script> <script type='text/javascript' src='https://www.haobala.com/bower_components/angular-route/angular-route.min.js'></script> <style>body{ font-size:13px;}.show{ background-color:#cccccc; padding:8px; width:260px; margin:10px 0;} </style></head><body> <h1>浏览学生信息的主页</h1><p ng-view></p></body><script type='text/javascript'>var a5_7 = angular.module(’a5_7’,[’ngRoute’]); a5_7.controller(’c5_7_1’,[’$scope’, function($scope){$scope.students = students; }]); a5_7.controller(’c5_7_2’,[’$scope’, function($scope,$routeParams){for(var i=0; i<students.length; i++){// console.log(students.student[i]); if(students[i].stuId == $routeParams.id){$scope.student = students[i];break; }} }]); a5_7.config([’$routeProvider’, function($routeProvider){$routeProvider.when(’/’,{ controller:’c5_7_1’, templateUrl:’5-7-1.html’}).when(’/view/:id’,{ controller:’c5_7_2’, templateUrl:’5-7-2.html’, publicAccess:true}).otherwise({ redirectTo:’/’}); }]); var students = [{ stuId:1000, name:’张明明’,sex:’女’,score:60},{ stuId:1001, name:’李清思’,sex:’女’,score:80},{ stuId:1002, name:’刘小华’,sex:’男’,score:90},{ stuId:1003, name:’陈总总’,sex:’男’,score:70} ]</script></html>
5-7-1.html
<p ng-repeat='stu in students' class='show'> <a href='https://www.haobala.com/wenda/14218.html#view/:id'>{{stu.name}}</a></p>
5-7-2.html
<p class='show'> <p>学号：{{student.stuId}}</p> <p>姓名：{{student.name}}</p> <p>性别：{{student.sex}}</p> <p>分数：{{student.score}}</p></p>
操作步骤：1.先打开5-7.html2.点击学生姓名
3.控制台报错：
这是什么原因导致的，会是这句的问题吗？href='https://www.haobala.com/wenda/14218.html#view/:id'
问题解答
回答1：a5_7.controller(’c5_7_2’,[’$scope’, function($scope,$routeParams){//没有注入$routeParams
请更改为
a5_7.controller(’c5_7_2’,[’$scope’,’$routeParams’, function($scope,$routeParams){
相关文章：
1. android - 哪位大神知道java后台的api接口的对象传到前端后输入日期报错，是什么情况？求大神指点2. 我何时应该在Java中使用JFrame.add（component）和JFrame.getContentPane（）。add（component）3. mysql 5个left关键 然后再用搜索条件 几千条数据就会卡，如何解决呢4. node.js - webpack-dev-server正常运行，webpack打包却出错，怎么办？5. javascript - 项目的公共文件如图片JS等文件放在 云上,webroot只放jsp文件，怎么将静态文件通过配置文件引入，sp求大神指导6. 这是什么情况？？？7. thinkphp3 count()方法必须加上字段？8. 关于用java中正则表达式匹配单个字符9. 怎么php怎么通过数组显示sql查询结果呢，查询结果有多条，如图。我要forsearch里面echo10. python中return 语句与 分支语句连用问题
网公网安备