<!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. 在Delphi下使用迅雷APlayer组件进行免注册开发
			
    之前都是用的delphi下的dspack进行的视频开发,这个组件其实很好用,就是找解码器麻烦点,而且还得在客户的计算机上使用RegSvr32.exe也注册解码器,要不有可能播放不了. 结果在查找合适的 ...
    
			
    2. 
						
  2. Cygwin在线安装指南
			
    详细说明请看文章http://www.crifan.com/files/doc/docbook/cygwin_intro/release/htmls/install_cygwin_setup_exe. ...
    
			
    3. 
						
  3. Markdown - 语法简介
			
    标题 在文字里书写不同数量的“#”可以完成不同的标题,如下: # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 列表 无序列表的使用,在 ...
    
			
    4. 
						
  4. JavaEE开发之SpringBoot工程的创建、运行与配置
			
    本篇博客我们就来聊一下如何使用Eclipse+STS插件来创建Spring Boot的工程.Spring Boot可以使我们更容易的使用Spring框架,在Spring Boot中自动配置了好多东西, ...
    
			
    5. 
						
  5. webUI自动化测试框架---”pyswat“介绍
			
    webUI自动化测试框架---"pyswat"介绍 大家好我是lamecho 辣么丑,今天给大家介绍一款web自动化测试框架pyswat.  "pyswat"是 ...
    
			
    6. 
						
  6. iOS-工程和工作空间、静态库和框架之间的关系
			
    使用Xcode创建的工程Project是单独分开的,如果想要几个工程同时存在,可以通过创建工作空间Workspace.工作空间是对各工程的集合,工程文件名的后缀为.xcodeproj,工作空间文件名的 ...
    
			
    7. 
						
  7. TFS下载文件已损坏问题
			
    近日在把一个数千人使用的TFS环境进行机房迁移时,从现有的服务器集群中整体迁移到另外一个服务器集群中,经过周密的设计迁移方案,充分验证方案中的各个关键过程,最终在几乎对数千人用户完全透明,没有任何感知 ...
    
			
    8. 
						
  8. VopSdk一个高逼格微信公众号开发SDK(源码下载)
			
    看之前回复很多说明大家很有热情&文章被误删掉了,不想让有的朋友错失这个高逼格的东西,现在重新发布,这次就直接放出源码,文章最末下载地址. 看之前回复很多说明大家很有热情&文章被误删掉了 ...
    
			
    9. 
						
  9. LeetCode5. Longest Palindromic Substring 最长回文子串 4种方法
			
    题目链接:https://leetcode.com/problems/longest-palindromic-substring/ 题意很简单,就是求一个字符串得最长子串,这里的子串指连续的. 本文给 ...
    
			
    10. 
						
  10. 吕鑫VC6.0-VS2015 全套C/C++、MFC新手实战入门教程、Linux视频教程 最好的基础入门教程没有之一
			
    本课程包括:[1]C语言(1个月)[2]C++语法与数据结构(1个月)) [3]MFC项目开发(1个月)[4]Linux项目开发(1个月)往届的授课视频都已经上传到百度网盘,请同学们按照视频教程提前掌 ...
    
			
    11.