$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. 学会Git玩转Github笔记（三）—— Github Pages 搭建个人网站

    https://help.github.com/categories/github-pages-basics/ 一.个人站点 访问 https://用户名.github.io 搭建步骤 1) 创建个人 ...

  2. springmvc管理资源开放

    关于web.xml的url映射的小知识:<url-pattern>/</url-pattern>  会匹配到/login这样的路径型url,不会匹配到模式为*.jsp这样的后缀 ...

  3. IOT表

    以前在接触索引的时候,就想过要是表字段太少,索引效果不是很不好吗,直接用索引不是更直接吗?后来因为懒惰也没有去查找相关资料.正好今天看到了table organization index,看了一下,实 ...

  4. php创建对象。真！变！态！

    PHP创建类的方式,真是够变态,以下是创建方式: 假设类: class SomeClass {//....} 创建对象: 1.直接通过类名实例化 $obj1 = new SomeClass(); 这种 ...

  5. ubuntu安装Skype 4.3

    Install Skype 4.3 Step 1: Remove previous version sudo apt-get remove skype skype-bin:i386 skype:i38 ...

  6. mongodb - Replication Set成员维护

    1.添加复制集成员 ybb:PRIMARY> rs.add("cc.example.com:27020") { "ok" : 1 } ybb:PRIMAR ...

  7. centos(7.0) 上 crontab 计划任务

    yum install vixie-cron yum install crontabs /bin/systemctl restart crond.service  #启动服务 /bin/systemc ...

  8. server2008系统修改3389远程端口

    我给大家简单谈谈正确修改远程端口的方法        在开始-----运行菜单里,输入regedit,进入注册表编辑,按先面的路径进入修改端口的地方 HKEY_LOCAL_MACHINE\System ...

  9. asp.net mvc5 配置自定义路径

    首先配置路由文件,默认页是第一个路由的配置: using System; using System.Collections.Generic; using System.Linq; using Syst ...

  10. Atitit. 注册表操作查询 修改 api与工具总结 java c# php js python 病毒木马的原理

    Atitit. 注册表操作查询 修改 api与工具总结 java c# php js python 病毒木马的原理 1. reg 工具 这个cli工具接口有,优先使用,jreg的要调用dll了,麻烦的 ...