在路由提供程序或任何其他解决方案中处理查询字符串



如何在 Angularjs 中配置时在 routeprovider 中处理像 (index.php?comment=hello( 这样的查询字符串。

例:

angular.module('app', ['ngRoute'])
.config(function($routeProvider, $locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: false
}).hashPrefix('!');
$routeProvider
.when('/index.php?comment=hello',{
redirectTo:'/index.php'
}); 

你可以做这样的事情:

您的网址将如下所示:

http://www.heycodetech.com/#/viewPage/param1/param2

这是您的路由器文件具有代码:

$stateProvider.state('/viewPage/:param1/:param2', {
templateUrl: 'partials/partial1.html',
controller: 'MyCtrl'
});

这是您可以获取此值的控制器代码。

.controller('MyCtrl', ['$scope','$routeParams', function($scope,$stateParams, $state) {
var param1 = $state.param1;
var param1 = $state.param2;
}]);

欲了解更多信息,请看这里。

最新更新