11 Ekim 2017 Çarşamba

Angular URL Escape character problem solving


While you try to redirect anything with url query paremeter with angular property, you may have problem with url encoding. my problem was # character to search with hashtag.

example url which I was going to trying and fall to problem : www.websitename.com/search?searchkey=#somehastagword

if try it like that, you will have problem :
<a href="www.websitename.com/search?searchkey={{ hashtagValue}}"> {{ hashtagValue}} </a>


you should use escape filter as following;

angular.module('angularModuleName').filter('escape', function () {
    return function (input) {
        if (input) {
            return window.encodeURIComponent(input);
        }
        return "";
    }
});


use it in html like that :

<a href="www.websitename.com/search?searchkey={{ hashtagValue | escape }}"> {{ hashtagValue}} </a>


After added angular filter function in our angular app, we solved our problem deal with url parameter escape characters.Now we have result url as following:

http://www.websitename.com/search?searchkey=%23searchkeyword
Yunus Emre Web Developer

Morbi aliquam fringilla nisl. Pellentesque eleifend condimentum tellus, vel vulputate tortor malesuada sit amet. Aliquam vel vestibulum metus. Aenean ut mi aucto.