在routeprovider或任何其他解决方案中处理查询字符串

时间:2017-08-18 05:43:52

标签: javascript angularjs angular-ui-router

如何在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'
    }); 

1 个答案:

答案 0 :(得分:0)

您可以这样做:

您的网址如下:

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;
}]);

了解更多here