如何使用斜杠处理名称作为url中的一个路径参数

Question

我在app.js中有一条路线，比如

.when('/provider/:id/app/:aName', {                            
        templateUrl: 'templates/provider/form.html',
        controller: 'YourController'
    });

in html：

<a class="btn btn-warning" ng-href="#/provider/{{id}}/app/{{appName}}">Edit</a>

但是我的appName将包含斜杠，例如abc / test 所以当输入id = 1且appName = abc / test时，href将变为

<a class="btn btn-warning" ng-href="#/provider/1/app/abc/test">Edit</a>

这导致了一个问题，因为我的代码假设应用程序名称中的斜杠代表网站的不同部分，上面的href失败。因此URL将失败。

如何在url中使用斜杠管理app名称，即abc / test。任何有关这方面的帮助都会非常有用。

我已查看过这篇文章stackoverflow，但无法在我的代码中实现相同的内容。如果我将 / 替换为％2F ，则应用名称会更改。如何在不影响实际应用名称的情况下对URL进行编码