小編給大家分享一下AngularJS如何利用路由傳值，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)服務項目包括金安網(wǎng)站建設、金安網(wǎng)站制作、金安網(wǎng)頁制作以及金安網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，金安網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到金安省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

具體內(nèi)容如下　

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:"
請聯(lián)系我們
"
    templateUrl:"cel.html",
//    controller:"celCtrl"
   }).when("/cel/:sub",{//傳參數(shù)
    templateUrl:"cel.html",
    controller:"celCtrl"
   })
  });

4.寫cel的控制器

 myapp.controller("celCtrl",function ($scope,$routeParams) {
   //根據(jù)傳過來的參數(shù)給輸入框賦值
   var param = $routeParams["sub"];
   if(param=="a"){
    $scope.mname="我想提建議...";
   }else if(param=="b"){
    $scope.mname="我想購買..."
   }
  });

5.通過about頁面?zhèn)髦到ocel頁面

About頁面
 

  
告訴我們
  
詢價

修改cel頁面的輸入框的值

顯示頁面
 

  

  

 

最后是頁面布局

 

  
我的站點
  

   主頁
   關于我們
   聯(lián)系我們