Angularjs重新加载部分视图在官方文档示例中出现“未找到对象”错误
之后,我发现在重新加载页面时,呈现的部分视图不起作用 这个。如果在单独的窗口上启动plunker预览,当您单击链接时,页面的url会随着相应视图的呈现而改变。但是,如果重新加载页面,页面将显示未找到对象!错误 index.html的相关代码段如下Angularjs重新加载部分视图在官方文档示例中出现“未找到对象”错误,angularjs,angularjs-routing,Angularjs,Angularjs Routing,之后,我发现在重新加载页面时,呈现的部分视图不起作用 这个。如果在单独的窗口上启动plunker预览,当您单击链接时,页面的url会随着相应视图的呈现而改变。但是,如果重新加载页面,页面将显示未找到对象!错误 index.html的相关代码段如下 <a href="Book/Moby">Moby</a> | <a href="Book/Moby/ch/1">Moby: Ch1</a> | 如何重新加载局部视图?哇,这是个好问题。我重新创建了一个正
<a href="Book/Moby">Moby</a> |
<a href="Book/Moby/ch/1">Moby: Ch1</a> |
如何重新加载局部视图?哇,这是个好问题。我重新创建了一个正常工作的angularJS ngRoute应用程序,无法重现该问题。我最初的想法与$locationProvider和HTML5模式有关。无论如何。。。看看答案是什么会很有趣。碰巧在服务器端,您必须配置服务器以返回任何路由的index.html,然后这就可以了。
angular.module('ngRouteExample', ['ngRoute'])
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/Book/:bookId', {
templateUrl: 'book.html',
controller: 'BookController',
resolve: {
// I will cause a 1 second delay
delay: function($q, $timeout) {
var delay = $q.defer();
$timeout(delay.resolve, 1000);
return delay.promise;
}
}
})
.when('/Book/:bookId/ch/:chapterId', {
templateUrl: 'chapter.html',
controller: 'ChapterController'
});
// configure html5 to get links working on jsfiddle
$locationProvider.html5Mode(true);
});