$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. U盘装系统：安装GHOST Win7系统教程

    可以搜索:装机吧 原文地址:http://www.zhuangjiba.com/jiaocheng/show-27-247-1.html

  2. /usr/lib64/libssl.so.10: no version information available (required by ./mongod)

    启动mongodb时,日志提示以下信息: ./mongod: /usr/lib64/libssl.so.10: no version information available (required b ...

  3. hdu4711Weather 概率dp

    //第i个城市到第j个城市的概率ma[i][j] //第i天的天气天气wet[i] //第i个城市天气为j的概率wet_m[i][j] //Hovey从0点開始,找出其概率最大的路线 //dp[i][ ...

  4. Vivado使用技巧：封装自己设计的IP核

    概述   Vivado在设计时可以感觉到一种趋势,它鼓励用IP核的方式进行设计.“IP Integrator”提供了原理图设计的方式,只需要在其中调用设计好的IP核连线.IP核一部分来自于Xilinx ...

  5. Effective JavaScript Item 37 认识this的隐式指向

    本系列作为Effective JavaScript的读书笔记. CSV数据通常都会被某种分隔符进行分隔.所以在实现CSV Reader时,须要支持不同的分隔符.那么,非常自然的一种实现就是将分隔符作为 ...

  6. C++11时间操作

    C++11提供了chrono库,这个库可以处理和时间相关的一些事情.这个库里面主要有3个类:时间间隔Duration.时钟Clocks和时间点Time point. Duration template ...

  7. H5area的热区锚点随着图片的尺寸而变化

    <area shape="rect" coords="338,308,609,589" > <img id="pic" s ...

  8. log4j2配合slf4j使用

    说明 log4j2被用于日志输出,相信绝大多数程序猿都对此不陌生.笔者刚接触log4j2,因此记个博客备用. log4j2是一个日志框架,slf4j是日志框架接口,之所以使用log4j2和slf4j搭 ...

  9. ExtFormReturn,ext

    package cn.edu.hbcf.common.vo; public class ExtFormReturn { /** * 是否成功 */ private boolean success; / ...

  10. 【Spring】java.lang.IndexOutOfBoundsException: Index: 256, Size: 256

    Spring接受前台的数据超过256出现例如以下异常: org.springframework.beans.InvalidPropertyException: Invalid property 'sp ...