$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. python内置函数、匿名函数、递归

    python3--内置函数 内置函数: 截止到python 3.6.2 版本,现在python一共提供了68个内置函数:即python提供给你直接可以拿来使用的所有函数.   内置函数  (点击函数查 ...

  2. jQuery Growl 插件(消息提醒)

    jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息.消息会在一段时间后自动消失,不需要单击"确定"按钮等.用户也可以通过移动鼠标或点击关闭按钮加快隐 ...

  3. 在Windows8系统下exe格式会计课件下载播放帮助图解

    近期非常多会计从业人员都開始购买课件,開始学习,准备考试:可是网校的课件有些是EXE扩展名格式的,在Windows8系统下播放比較困难.方法比較曲折,这里用图说话,给大家一点參考,希望对大家实用. 下 ...

  4. ubuntu系统安装nginx出现的错误(依赖环境没有安装完)

    报错信息: error: the HTTP image filter module requires the GD library. 编译参数:(或源安装) ./configure --prefix= ...

  5. 可能是最通俗易懂的 Java 位操作运算讲解

    https://blog.csdn.net/briblue/article/details/70296326

  6. Normalize.css做了哪些事情--看代码

    博主说:本博客文章来源包括转载,翻译,原创,且在文章内均有标明.鼓励原创,支持创作共享,请勿用于商业用途,转载请注明文章链接.本文链接:http://www.kein.pw/?p=80 /*! nor ...

  7. PHPCMS模块开发相关文件

    名称 类型说明 Guestbook 模块后台控制器 index 模块前台控制器 Install 安装文件夹 ├templates ├config.inc.php ├extention.inc.php ...

  8. List 通过 Collections.binarySearch 进行记录筛选

    1. Collections.sort(list, new Comparator<TreeDto>() { @Override public int compare(TreeDto a2, ...

  9. vue render函数 函数组件化

    之前创建的锚点标题组件是比较简单,没有管理或者监听任何传递给他的状态,也没有生命周期方法,它只是一个接受参数的函数 在这个例子中,我们标记组件为functional,这意味它是无状态(没有data), ...

  10. gcc 编译动态库和静态库

    Linux C 编程入门之一:gcc 编译动态库和静态库 cheungmine 2012 参考: C程序编译过程浅析 http://blog.csdn.net/koudaidai/article/de ...