$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. 【微信小程序】转载：微信小程序实战篇-下拉刷新与加载更多

    下拉刷新 实现下拉刷新目前能想到的有两种方式 1. 调用系统的API,系统有提供下拉刷新的API接口 当然,你可以直接在全局变量app.json的window里面配置上面这个属性,这样整个项目都允许下 ...

  2. js可以关闭android页面上的键盘输入法

    尝试让获取焦点的元素失去焦点,document.activeElement.blur() js实现焦点进入文本框内关闭输入法:imeMode2011-05-26 11:23要用到的东西: imeMod ...

  3. 全面进攻python之前回顾下自己近三个月的自学之路

    人生是在一直试错的过程中成长起来的.这句话貌似很有道理,但回顾了下自己近三个月python自学学习之路,又觉得自己对这句话又有了新的看法------行动之前必须要有正确的选择,这样做错了才能成长. 2 ...

  4. Machine-wide Progress Telerik Fiddler installation has been found at ...Please, use that one or uninstall it ...

    问题描述:无法安装Fiddle,提示已有Fiddle,但是却找不到. 打开Fiddle,提示“Machine-wide Progress Telerik Fiddler installation ha ...

  5. 现在的C语言编辑器里的int范围为什么是-2147483648~2147483647 2014-08-05 10:21 100人阅读 评论(0) 收藏

    下面是引用百度文库的一段话: "这得从二进制的原码说起: 如果以最高位为符号位,二进制原码最大为0111111111111111=215-1=32767 最小为111111111111111 ...

  6. Atitit.md5 实现原理

    Atitit.md5 实现原理 1. 算法流程图2 2. MD5算法过程:2 2.1. 3. 处理分组数据3 3. MD5加密字符串实例5 4. Md5的历史7 4.1.1. MD27 4.1.2. ...

  7. Atitit.故障排除系列---NoClassDefFoundError  NoClassDefFoundError ClassNotFoundException

    Atitit.故障排除系列---NoClassDefFoundError  NoClassDefFoundError ClassNotFoundException 1. java.lang.Class ...

  8. vivado sdk生成elf文件出错：make: Interrupt/Exception caught (code = 0xc00000fd, addr = 0x4227d3)

    vivado sdk生成elf文件出错:make: Interrupt/Exception caught (code = 0xc00000fd, addr = 0x4227d3) Might be a ...

  9. python学习之with...as语句

    python中的with...as...语句类似于try...finally...语句: # -*- coding: utf-8 -*- # """ with...as. ...

  10. Windows7光盘制作： 向脱机映像添加补丁

    所谓脱机(offline)映像就是WIM文件,install.wim就是脱机映像,有的install.wim里面有几个子映像,有的里面就只有一个.install.wim中有多个映像的光盘叫做多合一光盘 ...