如何映射视图和视图模型 SPA答案

【问题标题】：How to map view and viewmodel SPA如何映射视图和视图模型 SPA
【发布时间】：2013-04-11 23:01:31
【问题描述】：

我正在学习有关来自复数视觉的单页应用程序的课程。 http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

如果您在课程中看到示例解决方案，您会发现有两个视图和两个视图模型。基于此示例，我需要做的是添加树视图控件和页面顶部（使用剑道 ui 树视图和对话框 jquery ui 控件）。现在的问题是：如何将此树视图控件添加为我的单页应用程序中的新视图？

function boot() {
        router.mapNav('home');
        router.mapNav('details');
        log('AquaVet Loaded!', null, true);
        return router.activate('home');
    }

在应用程序的 shell 类中，您可以看到视图/视图模型已映射。

然后在导航视图中使用这些：

 <div class="btn-group" data-bind="foreach: router.visibleRoutes">
        <a data-bind="css: { active: isActive }, attr: { href: hash }, text: name" 
            class="btn btn-info" href="#"></a>
    </div>

我想添加一个不应该在导航菜单中的新视图，如何区分导航菜单中的视图和其他地方的视图（如树视图）？

【问题讨论】：

标签： javascript mvvm durandal

【解决方案1】：

在课程中，您会看到主菜单中没有导航视图。 nav 视图是一个纯 html 视图，它被组合到 shell 视图中。我的观点是，您可以使用 Durandal 的 compose 绑定在任何地方嵌入视图。

【讨论】：