$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. 巧用FTP命令进行文件传输

    巧用FTP进行文件传输   Internet作为现代信息高速公路已深入我们的生活,其中它所提供的电子邮件Web网站信息服务已被越来越多的人所熟知和使用.FTP作为Internet的功能之一,虽然没有像 ...

  2. 使用Openssl创建证书

    概述 SSL证书通过在客户端浏览器和Web服务器之间建立一条SSL安全通道(Secure socketlayer(SSL),SSL安全协议主要用来提供对用户和服务器的认证:对传送的数据进行加密和隐藏: ...

  3. Lintcode---验证二叉查找树

    给定一个二叉树,判断它是否是合法的二叉查找树(BST) 一棵BST定义为: 节点的左子树中的值要严格小于该节点的值. 节点的右子树中的值要严格大于该节点的值. 左右子树也必须是二叉查找树. 一个节点的 ...

  4. 图解SQL inner join、left join、right join、full outer join、union、union all的区别

    转于:http://justcoding.iteye.com/blog/2006487 这是一篇来自Coding Horror的文章. SQL的Join语法有很多:有inner的,有outer的,有l ...

  5. 纯CSS3实现一个旋转的3D立方体盒子

    简单介绍 上网易前端微专业课程,里面有一个课外作业是实现一个3D旋转立方体.花了点时间做了下.还有点意思.写个简单教程.供大家学习. 先放上终于要实现的效果 注:代码在chrome 43.0.2357 ...

  6. springboot admin server常用配置

    Property name Description Default value spring.boot.admin.context-path The context-path prefixes the ...

  7. redis命令_ZREM

    ZREM key member [member ...] 移除有序集 key 中的一个或多个成员,不存在的成员将被忽略. 当 key 存在但不是有序集类型时,返回一个错误. 在 Redis 2.4 版 ...

  8. oracle /plsql 计算平闰年天数函数

    --计算平闰年天数函数 CREATE OR REPLACE FUNCTION f_ping_run_nian (i_year NUMBER --定义函数名 ) RETURN VARCHAR2 IS - ...

  9. 堆积木----vector防止内存超限

    蒜头君有 nn 块积木,编号分别为 11 到 nn.一开始,蒜头把第 ii 块积木放在位置 ii.蒜头君进行 mm 次操作,每次操作,蒜头把位置 bb 上的积木整体移动到位置 aa 上面.比如 11  ...

  10. 跟着百度学PHP[15]-session回收机制

    gc(Garbage Collection 垃圾回收) 在用户访问的时候会生成许多的临时session文件,顾名思义session回收机制就是用来删除这些临时文件的. session.gc_maxli ...