Knockout.js - 了解foreach和

Question

我一直在经历learn.knockout.js教程并一直在尝试。 （使用with: chosenFolderData和foreach: mails）：有人可以解释为什么这工作[单页的应用程序，步骤2教程]：

<!-- 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">