如果在knockout.js中的語句不按預期工作

Question

我試圖顯示字符串「找不到數據」。在數據數組爲空的情況下，在表格行內部，但似乎無論如何總是打印該消息。

Reproduction online（忽略條件orders.length ==0）

我在做什麼錯？

<table> 
    <thead> 
     <tr> 
      <th>Truck</th> 
      <th>Pickup</th> 
     </tr> 
    </thead> 
    <!-- ko if: orders.length==2 --> 
    <tbody> 
     <tr colspan="2">No data was found.</tr> 
    </tbody> 
    <!-- /ko --> 
    <tbody data-bind="foreach: orders"> 
     <tr> 
      <td data-bind="text: truck"></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

如果您orders是ko.observableArray你需要寫orders()讓底層陣列，並從那裏長度：

<!-- ko if: orders().length== 0 --> 

你的HTML也無效，td元素從丟失：

<!-- ko if: orders().length==0 --> 
    <tbody data-bind="if: orders().length==0"> 
     <tr colspan="2"><td>No data was found.</td></tr> 
    </tbody> 
<!-- /ko --> 

演示JSFiddle。