使用Durandal创建单页应用程序，其中视图以垂直方式一个接一个加载

Question

我一直在寻找创建一种单页应用程序(它可能不是SPA)。我的设计涉及场景，我想加载视图一个接一个在单页。像这样。

View1
    [ Save and Continue, Edit, Cancel ]=> Button
View2 
    [ Save and Continue,Edit, Cancel ]=> Button
View 3 
    [ Save and Continue, Edit, Cancel ]=> Button

下一个视图的每个内容都取决于上一个屏幕上选择的选项。应用程序垂直增长与滚动条，没有回发，其中用户可以返回并编辑前一个视图的内容。根据用户交互，按钮将是可见的，如编辑、保存和继续以及取消。

我想要垂直加载我的视图，而不是像我在Durandal的例子中看到的那样，它取代了当前内容，同时保持在同一页面上。

1. 我的设计适合单页应用吗?
2. 如果是，Durandal是否适合这种类型的设计?
3. 我们如何使用Durandal实现这一点?任何只有2-3个视图的基本示例类似的时尚对于像我这样天真的人来说是一个很好的开始。
你认为这样的设计有漏洞或问题吗?

任何帮助将不胜感激!!

Answer 1

我认为你可以使用Durandal和knockouts组合绑定一个接一个地绑定三个视图。

 <!--ko compose: {model: router.activeItem, 
            afterCompose: router.afterCompose, 
            transition: 'entrance'} -->
 <!--/ko-->

我自己没有尝试过，但我认为你可以绑定到你的视图，而不是绑定到router.activeItem。

请参阅http://durandaljs.com/documentation/Composition/了解如何操作。

这似乎与你的问题有关:

https://groups.google.com/forum/?fromgroups= !searchin 20美元/durandaljs/多个20美元视图页面上20 20美元相同的20美元/durandaljs ZjwpwE2rqd0/58bgmD92P8AJ