您好,登錄后才能下訂單哦!
在 AngularJS 中,處理路由參數主要通過 $routeParams
服務來實現
ngRoute
模塊:var app = angular.module('myApp', ['ngRoute']);
/user/:userId
路徑配置路由:app.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/user/:userId', {
templateUrl: 'user.html',
controller: 'UserController'
});
}]);
這里 :userId
是一個參數,我們稍后將使用 $routeParams
服務獲取它。
UserController
),并注入 $routeParams
服務:app.controller('UserController', ['$scope', '$routeParams', function($scope, $routeParams) {
// 獲取路由參數
var userId = $routeParams.userId;
// 使用路由參數
$scope.userId = userId;
}]);
現在,當用戶訪問 /user/123
時,UserController
控制器將接收到 userId
參數,并將其值設置為 $scope.userId
。你可以在視圖中使用這個值,例如:
<div>
<p>User ID: {{userId}}</p>
</div>
這就是在 AngularJS 中處理路由參數的方法。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。