what is the correct way of passing query parameters to controller?

Question

I want to pass some query parameters from html to the controller. It is not working like I thought it would. Here is my code. Basically, I have 3 parameters. The imei is the path variable, the startdate and enddate are the query parameters.

HTML

  <td sortable="'imei'" data-title="'IMEI'">
     <a ng-href="#/{{row.imei}}/graph?startDate={{main.startDate}}&
       endDate={{main.endDate}}">{{row.imei}}
     </a>
  </td>

RouteProvider code

function MainConfig($routeProvider) {
  $routeProvider.when('/main', {
      templateUrl: 'main/main.html',
      controller: 'MainCtrl',
      controllerAs: 'main'
    })
    .when('/:imei/graph?startDate&endDate', {
      templateUrl: 'graph/graph.html',
      controller: 'GraphCtrl',
      controllerAs: 'graph'
    });
}

Controller code

function GraphCtrl(Graph, $filter, RcTableParams, moment, $routeParams) {
  var graph = this;
  graph.imei = $routeParams.imei;
  graph.startDate = $routeParams.startDate;
  graph.endDate = $routeParams.endDate;
  . 
  .
}

I know the Path Parameter works. As soon as I added the query parameters, the code stopped working. Am I specifying the route information correctly ? Thanks for you time.

Change to a more RESTful-ish URL. See: stackoverflow.com/questions/15155911/… — steve v
– steve v, Commented Sep 3, 2015 at 16:39

Akshay Dhankhar · Accepted Answer · 2015-09-03 16:39:11Z

1

you can use the $location service for that

function GraphCtrl(Graph, $filter, RcTableParams, moment, $routeParams,$location) {
  var graph = this;
  graph.imei = $routeParams.imei;
  graph.startDate = $location.search().startDate;
  graph.endDate = $location.search().endDate;

  . 
  .
}

answered Sep 3, 2015 at 16:39

Akshay Dhankhar

2741 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

tadpole Over a year ago

The location service did not make any differences.

Akshay Dhankhar Over a year ago

and please make it when .when('/:imei/graph?startDate&endDate', { to .when(/:imei/graph',{ and use same $routeParams..or you can also use $location.search() if you use proper search..

tadpole Over a year ago

Thank you. Getting rid of the ?startDate&endDate seems to do the trick.

Collectives™ on Stack Overflow

what is the correct way of passing query parameters to controller?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related