Если инструкция в 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.