Угловой $ routeParams пустой объект

Question

Я пытаюсь получить значение запроса из моего url с помощью углового маршрутаParams.

Я включил угловой-маршрут в моем HTML странице:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.min.js"></script> 

Включен Ng-Route в моем приложении:

var app = angular.module('app', [ 
    'ngRoute', 
    'reportController' 
]); 

И настроить мой контроллер следующим образом:

var reportController = angular.module('reportController', []); 
reportController.controller('CandidateCtrl', ['$scope', '$routeParams', 
     function($scope, $routeParams) { 
    console.log(JSON.stringify($routeParams, null, 4)); 
    $scope.person = $routeParams.person; 
}]); 

Однако, когда я обращаюсь к следующему URL, routeParams является пустым объектом: {}.

http://localhost:8080/report?person=afe75cc7-fa61-41b3-871d-119691cbe5ad 

Что я делаю неправильно?

Edit:

Я настроить возможный путь - мой routeParams объект все еще придумывают нуль. Я пробовал:

famaApp.config(['$routeProvider', function($routeProvider) { 
      $routeProvider. 
      when('/report:person', {templateUrl: 'Report.html', controller: 'CandidateCtrl'}); 
}]); 

и

when('/report?person', {templateUrl: 'Report.html', controller: 'CandidateCtrl'}); 

Answer 1

Вместо того, доступ как http://localhost:8080/report?person=afe75cc7-fa61-41b3-871d-119691cbe5ad

попытку доступа к нему, как http://localhost:8080/#/report/afe75cc7-fa61-41b3-871d-119691cbe5ad

вы получите Guid в $route.Params

Answer 2

Вы должны установить маршруты получить аргументы, которые вы хотите с $ routeProvider ..

Пример:

app.config(['$routeProvider', '$locationProvider' function ($routeProvider, $locationProvider) { 

    $routeProvider 
     .when('/', 
     { 
      templateUrl: 'someHtmlUrl', 
      controller: 'someController', 
      controllerAs: 'someCtrl', 
      caseInsensitiveMatch: true 
     }) 
     .when('/:person', 
     { 
      templateUrl: 'someHtmlUrl', 
      controller: 'someController', 
      controllerAs: 'someCtrl', 
      caseInsensitiveMatch: true 
     }) 
     .otherwise(
     { 
      templateUrl: 'someHtmlUrl' 
     }); 
    $locationProvider.html5Mode(true); //Use html5Mode so your angular routes don't have #/route 
}]); 

Тогда вы можете просто сделать

http://localhost:8080/afe75cc7-fa61-41b3-871d-119691cbe5a 

И $ routeProvider вызовет ваш html и ваш контроллер, как вы можете видеть с помощью .when ('/: person' .., а затем вы можете попробовать и получить доступ к вашим $ routeParams, и у вас будет ваш человек там, $ routeParams.person.