Question

我正在尝试从John Papa's site复制SPA应用。我被困在使用Durandal撰写视图。

我的家庭视图代码如下。我只有Durandal要求的一个根级别，所以我不确定为什么我的两个撰写视图没有显示。如果我删除了<h2> data-bind，那么这一切在全世界都很棒。任何帮助或见解将不胜感激。

<section> 
    <div id="intro">
        <h2 data-bind="html: displayName"></h2>
        <blockquote class="text-left">
            The electronic Cognitive Preference Estimator (e-CPE) provides insight into your preferred approach to problem solving and change management. 
            It takes just a few minutes to register and less than five minutes to complete the instrument.<br />
        </blockquote>
    </div>
<section  style="clear: both;" data-bind="compose: { view: 'bio' }"></section>
<footer data-bind="compose: { view: 'footer' }"></footer>
</section>

Answer 1

当您从HTML中显示简单视图时，您应该能够使用合成模块来执行此操作。如果您的某个子视图有绑定错误，它将停止呈现其他视图及其绑定，但您应该在控制台中看到它。

仅供参考，当我只是显示一个绑定到当前上下文的视图时，我会这样做 -

<!-- ko compose: 'shell/navbar.html' --><!-- /ko -->

其中shell是我的views文件夹中的文件夹，navbar.html包含我的导航栏。

要确保的另一件事是你的shell.js视图模型暴露了一个displayName属性，该属性具有语义上正确的HTML（如果有的话）。还要仔细检查生物和页脚是否没有引起任何绑定错误。

Durandal组合渲染

1 个答案: