在 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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。