AngularJS converting the '/' to '%2F in url
<p>I have a routeprovider:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> $routeProvider.when("/editor/:tripName*", {
              controller: "tripEditorController",
              controllerAs: "vm",
              templateUrl: "/views/tripEditorView.html"
          });</code></pre>
</div>
</div>
</p>

<p>and in html something like :</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td&gt;&lt;a ng-href="#/editor/{{ trip.name  | escape}}" class="btn btn-sm btn-primary"&gt;Manage&lt;/a&gt;&lt;/td&gt;</code></pre>
</div>
</div>
</p>

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

<p>/App/trips#!/#%2Feditor%2FIndia%2520Trip</p>

<p>Appreciate any pointer to get this fixed.</p>