angularjs路由传值$routeParams详解

AngularJS利用路由传值，供大家参考，具体内容如下　

1.导包

2.依赖注入ngRoute

var myapp=angular.module("myapp",["ngRoute"]);

3.配置路由

myapp.config(function ($routeProvider) {
  //页面选择
  $routeProvider.when("/home",{
//  template:"这是主页面"
  templateUrl:"home.html"
  }).when("/about",{
//  template:"这是关于我们的信息"
  templateUrl:"about.html"
  }).when("/cel",{
//  template:"请联系我们"
  templateUrl:"cel.html",
//  controller:"celCtrl"
  }).when("/cel/:sub",{//传参数
  templateUrl:"cel.html",
  controller:"celCtrl"
  })
 });

4.写cel的控制器

 myapp.controller("celCtrl",function ($scope,$routeParams) {
  //根据传过来的参数给输入框赋值
  var param = $routeParams["sub"];
  if(param=="a"){
  $scope.mname="我想提建议...";
  }else if(param=="b"){
  $scope.mname="我想购买..."
  }
 });

5.通过about页面传值给cel页面

about页面
 

 
告诉我们
 
询价

修改cel页面的输入框的值

显示页面
 

 

 

 

最后是页面布局

 

 
我的站点
 
  主页
  关于我们
  联系我们
 
 
 

看看效果:

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。