溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹AngularJS在路由中如何傳遞參數，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
具體如下：
我們不僅可以在控制器中直接定義屬性的值，比如:
app.controller('listController',function($scope){
$scope.name="ROSE";
});AngularJS還提供了傳遞參數的功能，目前我接觸到的一種方式是從視圖中傳參：
<!--首頁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 （數組）里面，我們必須在控制符中注入它（所謂注入其實就是把他里面的屬性和值都共享出來？）。然后在控制器中聲明并賦值，（也即是取出來）。如下：
.controller('listController',function($scope,$routeParams){
$scope.name="ROSE";
$scope.params=$routeParams;
});以上是“AngularJS在路由中如何傳遞參數”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
