how to implement Rooting angularJS with customize url

Question

I want to have on the URL of my application like this:

http://localhost:9000/#/?id=XYZ

I don't found how to configure this on angularjs app module My implementation is like that:

angular.module('APP', ['ngRoute'])
.config(function ($routeProvider) {
  $routeProvider.when("/?id="+":id", {
    templateUrl: "views/sign/sign.html",
    controller: "SignCtrl"
  });
  // $locationProvider.html5Mode(true);
});

but It doesn't work.

krish · Accepted Answer · 2015-12-01 16:32:22Z

1

You do not have to specify

it will be like

angular.module('APP', ['ngRoute'])
.config(function ($routeProvider) {
  $routeProvider.when("/", {
    templateUrl: "views/sign/sign.html",
    controller: "SignCtrl"
  });
  // $locationProvider.html5Mode(true);
});

and in your SingCtrl.

when you write $routeParam than you will have objects of params which are passed as a query parameter.

so you will get $routePara.id if you pass like ?id=anything

Do not have to worry if you want to catch the query param like ?id=abs&name=test

answered Dec 1, 2015 at 16:32

krish

5372 silver badges14 bronze badges

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

Comments

Guilherme Vasconcelos · Accepted Answer · 2015-12-01 16:25:19Z

0

You can add a "url" attribute to your $routeProvider object.

Something like:

$routeProvider.when("/?id="+":id", {
templateUrl: "views/sign/sign.html",
url: 'the Url you want to use',
controller: "SignCtrl"
});

PS.: I suggest you to use ui-router instead of ngRoute. Check it out later.

answered Dec 1, 2015 at 16:25

Guilherme Vasconcelos

3193 silver badges8 bronze badges

Collectives™ on Stack Overflow

how to implement Rooting angularJS with customize url

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related