僅在HTML5中顯示數據顯示第一個字段

我有一個HTML5頁面，我想要在使用挖空綁定中顯示數據，我可以在顯示數據的第一個字段後看到任何內容。如果我刪除第一個字段，則第二個字段將正確顯示，如果我將第一個字段放回，它是唯一顯示的字段。如果我把一個固定值顯示正確。我已經確認，無論我嘗試綁定哪個值，綁定都是正確的（例如，如果第一個字段不存在，則第二個字段會正確綁定）。僅在HTML5中顯示數據顯示第一個字段

這裏是我的HTML，請告訴我是什麼問題（我是一個HTML小白）：

<table> 
      <thead> 
       <tr> 
        <td></td> 
        <td>debit amount</td> 
        <td>credit amount</td> 
        <td>count</td> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>work</td> 
        <td data-bind="text: accountBalance().WorkDebitAmount"/> 
        <td data-bind="text: accountBalance().WorkCreditAmount"/> 
        <td data-bind="text: accountBalance().WorkCount"/> 
       </tr> 
       <tr> 
        <td>open</td> 
        <td data-bind="text: accountBalance().OpenDebitAmount"/> 
        <td data-bind="text: accountBalance().OpenCreditAmount"/> 
        <td data-bind="text: accountBalance().OpenCount"/> 
       </tr> 
       <tr> 
        <td>history</td> 
        <td data-bind="text: accountBalance().HistoryDebitAmount"/> 
        <td data-bind="text: accountBalance().HistoryCreditAmount"/> 
        <td data-bind="text: accountBalance().HistoryCount"/> 
       </tr> 
      </tbody> 
     </table>

來源

2013-12-16 Adriaan Davel

你的瀏覽器是否遇到任何JavaScript錯誤？如果是這樣，請將其添加到問題中。 :) – Chris

你看什麼模型看起來像？發佈該代碼。更好的是，創建一個[小提琴]（http://jsfiddle.net/）。 –

請發佈viewModel的代碼或者將其放在http://jsfiddle.net/ –

你不應該指望表電池元件是自閉。

<td data-bind="text: accountBalance().HistoryDebitAmount"></td>

現在，既然你出現「新」，以淘汰賽的世界，我也把「與」你tbody的結合：

<tbody data-bind="with: accountBalance">...</tbody>

然後，在你的表格單元格中聲明你不再需要重複綁定元素：

<td data-bind="text: HistoryDebitAmount"></td>

一個進一步的一步，我不會做文本直接放在桌子上的細胞結合，但插入一個標籤或表格單元格內的一些其他因素：

<td><label data-bind="text: HistoryDebitAmount"></label></td>

總而言之，自閉問題可能會解決所有問題。

來源

2013-12-16 20:38:03 beauXjames

謝謝，那就是訣竅！並感謝您在說'新'而不是'noob'時表示友善:) –

僅在HTML5中顯示數據顯示第一個字段

回答

相關問題