Send query params to server from angularjs routes

Question

I am using AngularJS for my client side framework. Using the routeprovider, I want to sent query params to my templateURL for processing. Basically my templateURL is a server side php script which will generate HTML.

Now routeprovider is not sending query params to my server side code. I am getting blank values for all such params.

If my approach is wrong, please correct me.

score 2 · Answer 1 · edited May 23 '17 at 11:43

2

The way Angular is meant to be used is that the client requests the content as JSON from the server (with the $http module) and then the HTML is built on the client-side. See what-is-the-point-of-angularjs-routes? I also highly recommend the official tutorial.

edited May 23 '17 at 11:43

Community

1
1

answered Feb 25 '13 at 13:57

mb21

34,845
8
116
142

Thanks, I am modifying my approach as you suggested. – Naveen Feb 26 '13 at 11:05

Ben Lesh · Accepted Answer · 2013-02-25T14:52:51.503

I would recommend against having your server render your HTML for you... but I suppose if you had to do things this way, you could just leverage ng-include:

When you set up your route:

$routeProvider.when('/route/:id', {
    template: '<div ng-include="/Some/Url?id={{id}}"></div>',
    controller: 'FooCtrl'
});

Then your controller:

app.controller('FooCtrl', function($scope, $routeParams) {
   $scope.id = $routeParams.id;
});

Send query params to server from angularjs routes

2 Answers2