 <p>You could use the encodeUri filter: <a href="https://github.com/rubenv/angular-encode-uri">https://github.com/rubenv/angular-encode-uri</a></p> <ol> <li><p>Add angular-encode-uri to your project:</p> <p><code>bower install --save angular-encode-uri</code></p></li> <li><p>Add it to your HTML file:</p> <p><code>&lt;script src="bower_components/angular-encode-uri/dist/angular-encode-uri.min.js"&gt;&lt;/script&gt;</code></p></li> <li><p>Reference it as a dependency for your app module:</p> <p><code>angular.module('myApp', ['rt.encodeuri']);</code></p></li> <li><p>Use it in your views:</p> <p><code>&lt;a href="#/search?query={{address|encodeUri}}"&gt;</code></p></li> </ol>