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