AngularJS converting the '/' to '%2F in url

Question

I have a routeprovider:

 $routeProvider.when("/editor/:tripName*", {
              controller: "tripEditorController",
              controllerAs: "vm",
              templateUrl: "/views/tripEditorView.html"
          });

and in html something like :

<td><a ng-href="#/editor/{{ trip.name  | escape}}" class="btn btn-sm btn-primary">Manage</a></td>

But when I click on the button, my url is getting converted to something strange

/App/trips#!/#%2Feditor%2FIndia%2520Trip

Appreciate any pointer to get this fixed.

@Vipin Have you fixed the bug? I have faced it also and I don't know how to fix it — Sanya
– Sanya, Commented Sep 3, 2016 at 6:52

Venkat.R · Accepted Answer · 2016-06-30 18:17:23Z

0

ng-href directive don't require hash in the value. try like below.

<td>
  <a ng-href="editor/{{ trip.name  | escape}}" 
      class="btn btn-sm btn-primary">Manage</a>
</td>

Refer below Pages:
Doc: https://docs.angularjs.org/api/ng/directive/ngHref
Example: https://plnkr.co/edit/?p=preview

answered Jun 30, 2016 at 18:17

Venkat.R

7,8045 gold badges45 silver badges68 bronze badges

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

2 Comments

Vipin Over a year ago

Thanks but it is a single-page application and removing the # doesn't help. I am landing to the main page and then want to move to other part of page using this ng-href

Venkat.R Over a year ago

you are using ng-href, please share the working sample

Prianca · Accepted Answer · 2016-06-30 20:49:18Z

0

As I can see the code you are trying to edit the trip details, rather than getting details from trip name get it by id, because name may have space , dash etc. and while redirecting URL will get change.

answered Jun 30, 2016 at 20:49

Prianca

4842 silver badges8 bronze badges

Comments

Ricardo · Accepted Answer · 2017-06-06 03:25:32Z

0

only add an ! sign after hash as some cases work like that

answered Jun 6, 2017 at 3:25

Ricardo

191 silver badge6 bronze badges

Collectives™ on Stack Overflow

AngularJS converting the '/' to '%2F in url

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related