Нокаут js - видимое связывание с отрицанием не работает

Question

Я пытаюсь использовать привязку видимых данных с отрицанием и, похоже, не работает. Я нашел несколько вопросов в stackoverflow, которые указывают, что привязка NOT должна использоваться как выражение. Но в моем случае я просто использую свойство length, поэтому я не уверен, как использовать выражение. Вот мой пример

<div class="form-group" data-bind="visible:!users.length == 0"> 
<span>Some message here...</span 
</div> 

<div class="form-group" data-bind="visible:users.length > 0"> 
<span>User data grid here...</span 
</div> 

Answer 1

Я предполагаю, что users является observableArray, и поэтому вы должны делать это:

data-bind="visible:users().length !== 0" 

Еще лучше и более четкое намерение было бы создать вычисляемое свойство на вашем вид модели и привязки к тому, что вместо того, чтобы:

showUsers = ko.computed(function(){ 

    return _this.users().length > 0; 

}); 

Тогда ваши переплеты стали:

data-bind="visible:showUsers" 

Или

data-bind="visible:!showUsers()" 

Вот jsFiddle showing a full example с использованием различных методов.