javascript - Angular 1.6.1 动态路由模板

Question

我正在尝试实现我发现的动态路由解决方案 here ，但它不起作用。我已针对我的应用程序对其进行了如下调整。在进行故障排除时，我在我的时间之后添加了一个 otherwise，并且每次都达到了。我无法弄清楚为什么当我请求 #/contact/list 时动态路由没有被处理。我正在使用 AngularJS 1.6.1。使用 AngularJS 1.6.1 时路由路径是否有不同的语法？

$routeProvider.
when('/:templateName/:pageId', {
    templateUrl: function (urlattr) {
        return 'views/' + urlattr.templateName + '/' + urlattr.pageId + '.html';
    },
    controller: 'contactController'
}).
otherwise({
    templateUrl: function (urlattr) {
        return 'views/home/home.html'
    },
    controller: 'homeController'
});

Answer 1

您在 route 缺少 hashPrefix !。将您的路线更改为 #!/contact/list 而不是 #/contact/list 就可以了。

您可以使用 $locationProvider.hashPrefix('!'); 更改或停用此前缀。

Hashbang 模式

$locationProvider
    .html5Mode(false)
    .hashPrefix('!');

HTML5模式

$locationProvider
    .html5Mode(true);

看看 AngularJS location documentation获取更多信息。