Angulaire des Ressources de l'Encodage de l'URL

J'ai une ressource définie comme suit: 

app.factory("DatumItem", function($resource) {
    return $resource('/data/:id', {id: '@id'});
});

De mon point de vue j'ai:

<div ng-click="go('/datum/' + d.to_param)">Test</div>

où aller() est définie dans mon controller:

$scope.go = function (params) {
    $location.path(params);
};

Pour l'article en question, d.ce paramètre est égal à 

TkZUOWZwcnc9Uldo%0ASzRvd2FiWk

Mais quand je l'appelle DatumItem.get() avec l'ID correct, il est en train de changer l'id de

TkZUOWZwcnc9Uldo%250ASzRvd2FiWk

Est-il un moyen pour empêcher l' % d'être codé pour un de 25% dans ce cas?

J'ai essayé une combinaison de l'utilisation de encodeURI, encodeURIComponent en vain.

toute aide serait grandement appréciée, merci!

OriginalL'auteur Nader Hendawi | 2013-05-23

  1. 9

    Depuis l'URL est déjà URIencoded vous avez besoin de le décoder avant de le transmettre angulaire:

    $scope.go = function (params) {
    $location.path(decodeURIComponent(params));
};
    Cela a fonctionné parfaitement, merci!!

    OriginalL'auteur Aleksander Blomskøld

  2. 2

    vous pouvez également utiliser ne pas encoder au lieu de decodeURIComponent.

    Reportez-vous ci-dessous extrait de code - 

    $scope.go = function (params) {
    $location.path(unescape(params));
};
    Cette solution est déconseillée, préférez decodeURIComponent(p)

    OriginalL'auteur Manoj Shevate

  3. 0

    J'ai créé un filtre dans angularJs projet de décoder l'URL.
    Par exemple, si votre URL est-
    http://www.example.com/test1 test2 tes3

    Puis filtre de faire de l'URL comme ceci-
    http://www.example.com/test1-test2-tes3

    dans mon angulaire du projet le principal nom de l'application est angularApp. 

    var app = angular.module('angularApp', []);//This is your main angular app.

    Maintenant, vous voulez créer un filtre pour décoder une url.

    app.filter('decodeURL', function() {
    return function(text) {
        if(text) {
            return text.split(' ').join('-').toLowerCase().replace(/[^a-z0-9]+/g, '-');
        }
    }
});

    Le code ci-dessus est de créer un filtre pour décoder une url. Et mon nom de filtre est "decodeURL' . nous allons utiliser decodeURL comme un filtre dans mon code

    Angulaire des Ressources de l'Encodage de l'URL

    Comment utiliser ce filtre dans le code html- 

    <a ui-sref="{{business.category[0].categoryName.toLowerCase()}}Detail({id:business.id,title:(business.title | decodeURL)})"></a>

    //Le ci-dessus est pour le routage de l'état dans angularjs.

    Angulaire des Ressources de l'Encodage de l'URL

    <a href="/coupon/{{coupon.id}}/{{coupon.title | decodeURL}}"
                                       class="btn btn-warning show-btnhome show-button-margin">Show</a>

    //Le code ci-dessus pour les URL de redirection.

    Angulaire des Ressources de l'Encodage de l'URL

    OriginalL'auteur Shubham Verma