ngRoute适用于我的所有路线,除了一个(templates /:templateId)。当我点击链接到该URL的按钮时,控制台中没有错误消息,只是将我重定向到主页,否则由其他功能指定。
使用Javascript:
$locationProvider.html5Mode(true);
$routeProvider.
when('/home', {
templateUrl: '/components/home/home.html',
controller: 'HomeController'
}).
when('/categories/:categoryId', {
templateUrl: '/components/categories/categories.html',
controller: 'CategoriesController'
}).
when('/templates', {
templateUrl: '/components/templates/templates.html',
controller: 'TemplatesController'
}).
when('templates/:templateId', {
templateUrl: '/components/template/template.html',
controller: 'TemplateController'
}).
when('/requests', {
templateUrl: '/components/requests/requests.html',
}).
when('/requests/:requestId', {
}).
when('/modify', {
}).
otherwise({
redirectTo: '/home'
});
HTML:
<div ng-repeat="template in templates">
<div class="col-sm-6 col-md-4 col-lg-3">
<a href="/templates/{{template.id}}">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
{{template.name}}
</h3>
</div>
<div class="panel-body">
{{template.description}}
</div>
</div>
</a>
</div>
</div>
我三重检查拼写错误,但我会再次检查,我不确定是什么问题,其他一切都有效。
答案 0 :(得分:-1)
您缺少斜杠(“/”)
它应该是when('/templates/:templateId', {
如果这不起作用,请尝试以下方法:
when('/templates/:id', {
希望这会有所帮助。