Knockout.js——理解 foreach 和 with

Question

我一直在学习 learn.knockout.js 教程并进行实验。有人能解释一下为什么会这样吗[教程：单页应用程序，第 2 步]（使用 with: chosenFolderData 和 foreach: mails）：

<!-- Mails grid -->
<table class="mails" data-bind="with: chosenFolderData">
    <thead><tr><th>From</th><th>To</th><th>Subject</th><th>Date</th></tr></thead>
    <tbody data-bind="foreach: mails">
        <tr>
            <td data-bind="text: from"></td>
            <td data-bind="text: to"></td>
            <td data-bind="text: subject"></td>
            <td data-bind="text: date"></td>
        </tr>     
    </tbody>
</table>

但不是这个（仅使用foreach: chosenFolderData.mails）：

<!-- Mails grid -->
<table class="mails">
    <thead><tr><th>From</th><th>To</th><th>Subject</th><th>Date</th></tr></thead>
    <tbody data-bind="foreach: chosenFolderData.mails">
        <tr>
            <td data-bind="text: from"></td>
            <td data-bind="text: to"></td>
            <td data-bind="text: subject"></td>
            <td data-bind="text: date"></td>
        </tr>     
    </tbody>
</table>

我怀疑这是因为chosenFolderData 是可观察的，chosenFolderData.mails 是不可观察的。谁能确定的告诉我？

非常感谢！

-- 拉尔夫

Answer 1

因为您实际上并没有以写入的方式访问所需的属性。在模型中，chosenFolderData 是一个可观察对象，必须像方法一样调用才能检索该值。在不使用with 的情况下提供功能（我建议不要使用with，因为开销需要高性能）...

<tbody data-bind="foreach: chosenFolderData().mails">