角度JS「ルートは」％2F（「/」をコードする）

Question

有する成分と一致しない

$routeProvider.when('/foos/:fooId', { controller: FooController, templateUrl: 'foo.html'}); 

を次のようにIは、角JSの「ルート」を持っており、それはしない限り、素晴らしい作品：fooId成分'/'または '％2F'（エンコードされた形式）のいずれかを含む

私の 'fooId'には/ sを含めることができますか？

Answer 1

%2Fのリンクを使用すると、ブラウザでデコードされ、/になるため、簡単にはできません。現在、AngularJSではを$route paramsに使用することはできません。

あなたは、二重この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

を、私は二回、すべてを符号化し、フィルタ、およびデコードする別のものを作成しましたPRオン

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

を：：次のように

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

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

私は、製品のリンクでこれを使用します商品ページのデコレーション：

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

Answer 3

ここでは何もエンコードする必要はありません。ただ、下に述べたように、あなたのパスのParamで*を追加し、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を（ ''）が含まれ;あなたの設定で