$routeParams传的值是一个对象数组。

案例:

index.html

 <!DOCTYPE html>
<html lang="zh-cn" data-ng-app="myApp">
<!--myApp这里要和module模型里的名称一样-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>angularjs</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
<link rel="stylesheet/less" href="styles/site.less">
<script src="scripts/jquery.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="scripts/less.js"></script>
<!--<script src="scripts/angular-1.2.5.js"></script>-->
<script src="../../angular.js"></script>
<!--路由-->
<script src="scripts/angular-route.js"></script>
<!--控制器-->
<script src="controller1.js"></script>
<!--模型-->
<script src="module.js"></script>
</head>
<body class="container">
<header class="page-header"><h1>index</h1></header>
<section>
<div class="col-sm-6">
<a class="btn btn-danger btn-block" href="#one">1</a>
</div>
<div class="col-sm-6">
<a class="btn btn-primary btn-block" href="#two">2</a>
</div>
</section> <section>
<div ng-view>
占位符
</div>
</section>
</body>
</html>

index.html

one.html

 <div>
第一个页面
</div>
<p>
{{title}}
</p>
<form action="">
<div class="form-group">
<label class="control-label" for="name">姓名:</label>
<input ng-model="name" type="text" id="name" class="form-control">
</div>
<div class="form-group">
<label class="control-label" for="pass">密码:</label>
<input ng-model="pass" type="text" id="pass" class="form-control">
</div>
<p>
<a href="#two?name={{name}}&pass={{pass}}" class="btn btn-primary">提交</a>
</p>
</form>

one.html

two.html

 <div>
第二个页面
</div>
<div>
{{name}}{{pass}}
</div>

two.html

控制器

 function textOne($scope) {
$scope.title="用户登录"
}
function textTwo($scope,$routeParams) {
console.log($routeParams);
$scope.name = $routeParams.name;
$scope.pass = $routeParams.pass;
}

controller.js

模块

 //定义模块
var app = angular.module("myApp",['ngRoute']); //配置驱动类
app.config(["$routeProvider",function ($routeProvider) {
$routeProvider
.when("/one",{
templateUrl:"one.html",
controller:"oneCtrl"
})
.when("/two",{
templateUrl:"two.html",
controller:"twoCtrl"
})
.otherwise({
redirectTo:"/one"
})
}]); //添加控制器
app
.controller("oneCtrl",textOne)
.controller("twoCtrl",textTwo);

module

随机推荐

  1. js对数组按顺序排序

    console.log("------默认排序(ASCII字符排序)------"); ,,,,]; arr.sort(); //ASCII字符代码从小到大排序 console.l ...

  2. R快速创建个文件

    cat("TITLE extra line", "2 3 5 7", "11 13 17", file="ex.data" ...

  3. bootstrap学习笔记 插件概述

    Bootstrap插件概览 在前面布局组件章节中所讨论的组件仅仅是个开始.Bootstrap自带的12种jQuery插件,扩展了功能,可以给站点添加更多的互动.即使您不是一名高级的js开发人员, 你也 ...

  4. 安装应用程序 报“ 997 重叠 I/O 操作在进行中”错解决办法

    解决办法: 原因: Per Microsoft's blog, patch KB2918614 appears to have caused installation issues 按照微软的博客,补 ...

  5. 让python cookie支持特殊字符

    让python cookie支持特殊字符 先对cookie做下简单的介绍 cookie的作用: tcp协议能够通过三次握手建立连接.client发送的多次请求能够通过句柄维护同一个连接.可是http协 ...

  6. Missing iOS Distribution signing identity for …, 在打包的时候发现证书过期了。

    今天早上 上班发现钥匙串中的全部证书 都 提示此证书签发者无效 Thanks for bringing this to the attention of the community and apolo ...

  7. Python 常用内建模块(time ,datetime)

    1,在Python中,与时间处理有关的模块就包括:time,datetime以及calendar. 2,在Python中,通常有这几种方式来表示时间:1)时间戳 2)格式化的时间字符串 3)元组(st ...

  8. ERROR C2676

    直接上代码: nl.h #ifndef NL_H #define NL_H #include <iosfwd> namespace ZJ { /** Insert a newline ch ...

  9. jsp tag 直接文件实现

    引入 <%@ taglib prefix="sys" tagdir="/WEB-INF/tags/sys" %> 这里注意/WEB-INF/tags ...

  10. 如何输出long double?

    首先long double是C99引入的,但是如何printf格式化一个long double的数据的呢? scanf一个double数据,是%lf,printf一个float或者double都是%f ...