如何在Angular.js中设计重叠视图？

Question

我的应用正在使用Angular和UI-router。有两个页面，第一页（州：＆＃34;书＆＃34;）显示类别和书籍列表。点击图书项目，页面将切换到图书详细信息（状态：＆＃34; bookDetail＆＃34;）。

然而，当我切换回图书清单时，它会重新加载视图并且不会保留滚动和所有其他内容。

在我看来，图书清单和图书细节的关系更像是内容和模态的关系，而不是并行视图。但我发现很难理解ui-router状态系统中的模态，因为模态不会导航到特定视图，而只是覆盖它。

将视图作为模态操作并使用state对其进行路由化的任何解决方案？

$stateProvider.when('bookList',{
    url : '/bookList',
    ...
}).when('bookList.bookDetail',{
    url : '/bookDetail/{bookid}'
}).when('bookList.buyBook',{
    url : '/bookDetail/{bookid}'
    ...
})

如上所述，子视图应覆盖父视图，并在网址返回时删除。