使用 durandal 组合绑定引用外部视图

Question

我有我的项目结构：

App
        - Admin
            - views
            - viewmodels
            - main.js  
        - User
        - SuperUser
        - Common
            - views
            - viewmodels

我网站中的每个角色都有自己的 durandal SPA，包括 main.js 和其他二十一点。

现在的问题，

在我的shell.htmlAdmin SPA 中，我想使用来自Common 文件夹的view。

如果是view 中的Admin，我只需要compose binding：

<div>
    <header data-bind="compose: { view: 'nav' }"></header>
        <section id="content" class="main container-fluid shell"
                 data-bind="router: { transition: 'entrance'}"></section>
        <footer data-bind="compose: { view: 'footer' }"></footer>
</div>

并且来自 App/Admin/views 的 views 可用。 如何从 App/Coomon/views/* 引用视图？

js 组件很简单，我只是声明为模块，然后将其传递给定义。我只是坚持意见。

我试过了：

    <div>
            <header data-bind="compose: { view: '../Common/views/nav' }"></header>
            <header data-bind="compose: { view: '../../Common/views/nav' }"></header>
        </div>

有什么想法吗？谢谢。

Answer 1

您在相对路径的正确道路上。只需将.html 添加到视图中即可。

例如在您的文件夹结构中：

在管理视图中，例如adminShell.html，您可以使用以下方法在Common/Views 中组合nav.html：

compose: { view: '../../Common/views/nav.html }

通过查看源代码，我找到了更好的方法。 compose 绑定有一个未记录的（我还没有找到文档）功能。您可以指定视图所在的区域。因此，对于给定的示例，您应该附带：

compose: { view: 'views/nav', area: 'Common' }