कोणीय जे एस 'मार्ग'% 2F साथ घटक (इनकोडिंग '/')

Question

मैं कोणीय जे एस में एक 'मार्ग' से मेल नहीं खाता और यह बहुत अच्छा काम करता है, जब तक कि: fooId घटक या तो '/' या '% 2F' (एन्कोडेड फॉर्म)

मैं यह काम कैसे कर सकता हूं, मेरे 'fooId' में शामिल हो सकते हैं?

Answer 1

आप आसानी से ऐसा नहीं कर सकते हैं क्योंकि यदि आप %2F के साथ एक लिंक का उपयोग करते हैं, तो ब्राउज़र केवल आपके लिए इसे डीकोड करेगा और यह / होगा। AngularJS वर्तमान में $route पैराम्स में / का उपयोग करने की अनुमति नहीं देता है।

आप डबल यह सांकेतिक शब्दों में बदलना कर सकते हैं, इस plnkr में की तरह: http://plnkr.co/edit/e04UMNQWkLRtoVOfD9b9?p=preview

var app = angular.module('app', []); 

app.controller('HomeCtrl', function ($scope, $route) { 
}); 
app.controller('DirCtrl', function ($scope, $route) { 
    var p = $route.current.params; 

    $scope.path = decodeURIComponent(p.p1); 
}); 

app.config(function ($routeProvider) { 
    $routeProvider 
      .when('/', {templateUrl: 'home.html', controller: 'HomeCtrl'}) 
     .when('/dir/:p1', {templateUrl: 'dir.html', controller: 'DirCtrl'}) 
      .otherwise({redirectTo: '/'}); 

}); 

और लिंक होगा: <a href="#/dir/a%252Fb%252Fc">click here</a>।

एक अन्य विकल्प आपके पैरामीटर में / पात्रों में से एक निर्धारित संख्या यहां पाया जा सकता है, तो आप है How can I make the angular.js route the long path

Answer 2

लैंगडन की जवाब के आधार पर, मैं एक फिल्टर जो सब कुछ दो बार encodes, और एक दूसरे से जो डीकोड बनाया :

.filter('escape', function() { 
     return function(input) { 
      return encodeURIComponent(encodeURIComponent(input)); 
     }; 
}) 

.filter('unescape', function() { 
     return function(input) { 
      return decodeURIComponent(input); 
     }; 
    }); 

मैं अपने उत्पाद लिंक में इस का उपयोग इस प्रकार है:

<a href="#/p/{{product.id}}/{{product.name | escape}}"> 

जनसंपर्क पर oduct पेज, मैं उत्पाद का नाम डीकोड करता हूं:

<h1>{{product.name | unescape}}</h1> 

Answer 3

आपको यहां कुछ भी एन्कोड करने की आवश्यकता नहीं है। बस के रूप में नीचे वर्णित अपना रास्ता परम में * जोड़ सकते हैं और सक्षम html5Mode

app.config(function ($routeProvider, $locationProvider) { 
$routeProvider 
.when('/home', {templateUrl: 'home.html', controller: 'HomeCtrl'}) 
.when('/base/:path*', {templateUrl: 'path.html', controller: 'pathCtrl'}) 
.otherwise({redirectTo: '/home'}); 
}); 

$locationProvider.html5Mode({ 
    enabled: true, 
    requireBase: false 
}); 

Answer 4

$ locationProvider.hashPrefix ('') शामिल हैं; आपकी कॉन्फ़िगरेशन में ।