<!DOCTYPE html>

<html lang="en" ng-app="myapp">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script src="../js/angularjs.js"></script>

    <script src="../js/angular-route.min.js"></script>

    <style type="text/css">

        body{

            font-size: 32px;

        }

        .show{

            background: #eeeeee;

            padding: 8px;

            width: 500px;

            margin:8px 0px;

        }

    </style>

</head>

<body>

<div>

    <div ng-view></div>

</div>

</body>

<script>

    var app=angular.module('myapp',['ngRoute']);

    app.controller('sub1',function($scope){

        $scope.students=students;

    });

    app.controller('sub2',function($scope,$routeParams){

        for (var i = 0;i<students.length;i++) {

            if(students[i].stuId==$routeParams.id){

                $scope.dd=students[i];

                break;

            }

        }

    });

    app.config(function($routeProvider) {

        $routeProvider

        .when('/',{

            controller:"sub1",

            templateUrl:"sub1.html"

        })

        .when('/view/:id',{

            controller:"sub2",

            templateUrl:"sub2.html",

            publicAccess:true

        })

        .otherwise({ redirectTo: '/' });

    });

    var students=[

        {stuId:1,name:"张三1",sex:"女1",score:121},

        {stuId:2,name:"张三2",sex:"女2",score:122},

        {stuId:3,name:"张三3",sex:"女3",score:123},

        {stuId:4,name:"张三4",sex:"女4",score:124}

    ]

</script>

</html>


<!--sub.html-->
<div ng-repeat="x in students" class="show">

<a href="#view/{{x.stuId}}">{{x.name}}</a>

</div>
<!--sub2.html-->
<div class="show">

    <div>学号:{{dd.stuId}}</div>

    <div>姓名:{{dd.name}}</div>

    <div>性别:{{dd.sex}}</div>

    <div>分数:{{dd.score}}</div>

</div>


 
												


											
angular多页面切换传递参数的更多相关文章
	

    
								
  1. jsp页面间传递参数 中文乱码问题(zz)
		
      jsp页面间传递参数 中文乱码问题 1.传递参数 var url = "*****Test.jsp?param1="+encodeURI(encodeURI(str));//对 ...
    
		
    2. 
						
  2. ios页面间传递参数四种方式
		
    ios页面间传递参数四种方式 1.使用SharedApplication,定义一个变量来传递. 2.使用文件,或者NSUserdefault来传递 3.通过一个单例的class来传递 4.通过Dele ...
    
		
    3. 
						
  3. Angular 全局页面切换动画 me-pageloading
		
    最近看了Codrops的一篇文章, 里面讲到了一个页面切换的效果, 详情点击此处. 看了这个效果感觉很赞, 觉得这个效果可以用在angular的页面切换中, 所以将这个效果移植到angular中, 做 ...
    
		
    4. 
						
  4. JSP页面间传递参数的5种方法
		
    JSP页面间传递参数是经常需要使用到的功能,有时还需要多个JSP页面间传递参数.下面介绍一下实现的方法. (1)直接在URL请求后添加 如:< a href="thexuan.jsp? ...
    
		
    5. 
						
  5. ionic3+angular5页面间传递参数
		
    一.从一个页面跳转到另一个页面的方法 1.引入服务 import { NavController } from 'ionic-angular'; 2.初始化 constructor(public na ...
    
		
    6. 
						
  6. jsp 页面间传递参数
		
    JSP页面间传递参数是经常需要使用到的功能,有时还需要多个JSP页面间传递参数.下面介绍一下实现的方法. (1)直接在URL请求后添加 如:< a href="thexuan.jsp? ...
    
		
    7. 
						
  7. JSP页面之间传递参数的方法有哪些？
		
    JSP页面之间传递参数的方法有哪些? 解答: 1)request 2)session 3)application 4)提交表单 5)超链接
    
		
    8. 
						
  8. 在Chrome浏览器中点击链接，打开IE浏览器，跳转到指定页面并传递参数
		
    需求: 在Chrome浏览器中点击链接,打开IE浏览器,跳转到指定页面并传递参数 过程: 一些应用软件可以通过点击URL链接启动并执行操作(例如迅雷),这是如何做到的呢? 主要是通过修改注册表,注册U ...
    
		
    9. 
						
  9. 跳转页面，传递参数——android
		
    android 跳转页面并传递对象(实体类)——项目中是集港收货类 网上资料:两种传递方法Serializable,parcelable 优劣比较:Serializable数据更持久化,网络传输或数据 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. scp 命令快速使用讲解
			
    在 Linux 下使用 scp 命令 scp 是安全拷贝协议(Secure Copy Protocol)的缩写,和众多 Linux/Unix 使用者所熟知的拷贝(cp)命令一样.scp 的使用方式类似 ...
    
			
    2. 
						
  2. Java核心技术 卷I chapter05 继承
			
    2017年4月10日19:41:44 仅仅用于打好基础 1. 在Java中,所有的继承都是公有继承,而没有C++中的私有继承和保护继承! 2.关键字super的使用方法: (1) 子类中想调用父类中的 ...
    
			
    3. 
						
  3. CentOS7.2静默安装oracle11g
			
    http://www.centoscn.com/image-text/config/2015/0528/5552.html http://www.linuxidc.com/Linux/2016-04/ ...
    
			
    4. 
						
  4. 手机共享成wifi热点电脑无法上网的问题
			
    第二次遇到这样的问题,每次百度都不能解决我遇到的问题.上一次已经自己鼓捣着解决了,后来忘记怎么弄好的.第二次遇到这个问题,又是浪费了许多时间后,偶然弄好了,突然想起来上次就是这样弄好的.所以就针对我自 ...
    
			
    5. 
						
  5. 让Unity的Inspector面板支持字符限制(restrict)功能
			
    今天在优化红点组件,笔者打算将红点id由10进制改为16进制处理,就打算将红点id字段由uint类型改成string类型,用于填写16进制的字符(因为在Inspector面板里,uint/int类型字 ...
    
			
    6. 
						
  6. Java_中快速获取系统时间
			
    直接调用System的currentTimeMillis()即可! long start = System.currentTimeMillis(); System.out.println(" ...
    
			
    7. 
						
  7. Python—课时ONE
			
    说实话第一次接触Python还是在我刚上班的时候,听说很多人这个开发语言很吊,应用的领域很多.but这些东西还不能够吸引我,真正的原因是因为这个开发语言很是简单,比较适合我这种2B学的.但是越往后越觉 ...
    
			
    8. 
						
  8. 【企业级框架整合】Springmvc+mybatis+restful+bootstrap框架整合
			
    1. 使用阿里巴巴Druid连接池(高效.功能强大.可扩展性好的数据库连接池.监控数据库访问性能.支持Common-Logging.Log4j和JdkLog,监控数据库访问)2. 提供高并发JMS消息 ...
    
			
    9. 
						
  9. VR的发展历程-VR全景智慧城市
			
    从1962年有第一台VR开始,到2014年Oculus被Facebook收购为止,VR经历了一个非常漫长的过程.从鲜为人知,到被广泛认识,逐渐走进我们生活.这就是VR形成的时代.在这个时代里,VR设备 ...
    
			
    10. 
						
  10. 微服务框架下的思维变化-OSS.Core基础思路
			
    如今框架两字已经烂大街了,xx公司架构设计随处可见,不过大多看个热闹,这些框架如何来的,细节又是如何思考的,相互之间的隔离依据又是什么...相信很多朋友应该依然存在自己的疑惑,特别是越来越火热的微服务 ...
    
			
    11.