AngularJS在路由中如何傳遞參數(shù)

這篇文章主要介紹AngularJS在路由中如何傳遞參數(shù)，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司成立與2013年，先為冠縣等服務(wù)建站，冠縣等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為冠縣企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

具體如下：

我們不僅可以在控制器中直接定義屬性的值，比如:

app.controller('listController',function($scope){
  $scope.name="ROSE";
});

AngularJS還提供了傳遞參數(shù)的功能，目前我接觸到的一種方式是從視圖中傳參：

<!--首頁html-->
<li><a href="#/user/18" rel="external nofollow" rel="external nofollow" >用戶</a></li>

//js
.config(['$routeProvider', function($routeProvider){
    $routeProvider.
    when('/user/:age',{
        templateUrl:'list.html',
        controller:'listController'})
 }]);

<!--list.html-->
<div>
  <div>
  <h2>HI,這里是list.html</h2>
  <h3>{{name}}</h3>
  <h4>{{params.age}}</h4>
</div>
</div>

AngularJs提供了一種讓首頁視圖中將“18”傳遞到list.html視圖的方法。那就是將該實參放到視圖路由地址后面。如這里的<li><a href="#/user/18" rel="external nofollow" rel="external nofollow" >用戶</a></li> 。然后在JS的when方法中聲明該一個變量用來匹配該實參。但是該實參是作為一個“鍵值”保存在$routeParams （數(shù)組）里面，我們必須在控制符中注入它（所謂注入其實就是把他里面的屬性和值都共享出來？）。然后在控制器中聲明并賦值，（也即是取出來）。如下：

.controller('listController',function($scope,$routeParams){
  $scope.name="ROSE";
  $scope.params=$routeParams;
});

以上是“AngularJS在路由中如何傳遞參數(shù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前標題：AngularJS在路由中如何傳遞參數(shù)
當(dāng)前網(wǎng)址：http://bm7419.com/article4/pscdie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、App開發(fā)、網(wǎng)站維護、微信小程序、服務(wù)器托管、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)