javascript - Knockout.js —了解foreach和

我一直在学习learning.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不是。谁能肯定地告诉我？

非常感谢!

-拉尔夫

最佳答案

因为您实际上并没有以编写方式访问所需的属性。在模型中，chosenFolderData是可观察的，必须像调用方法一样调用以获取值。要在不使用with的情况下提供功能(并且我建议在由于开销而需要高性能的情况下，不要使用with)...

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