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页面的输入框的值

显示页面
 

  

  

 

最后是页面布局

 

  
我的站点
  

   主页
   关于我们
   联系我们
  
 
 

看看效果:

　　

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