Использование Knockout, чтобы проверить, если не определено

Question

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

<!-- ko if: Value --> 
    ........ 
<!-- /ko --> 

<!-- ko ifnot: Value --> 
    ........ 
<!-- /ko --> 

Цель этого кода, чтобы выбрать первый бит, если Value определяется, второй бит, если нет. Тем не менее, это всегда вызывает ошибку привязки: Value is not defined, который я уверен, что ошибки просто проверяются, установлен ли элемент управления Value.

Есть ли лучший способ использовать эти операторы if, чтобы проверить, определено ли привязка или нет?

Answer 1

Если Value действительно не определен, тогда вы можете использовать $data.Value, чтобы избежать «неопределенных» ошибок.

Answer 2

Вы можете использовать динамические шаблоны. В модели представления:

self.valueRenderer = ko.computed(function() { 
    return ko.unwrap(self.Value) ? "valueTemplate" : "noValueTemplate"; 
}); 

в HTML:

<div data-bind="template: valueRenderer"></div> 

<!-- ... --> 

<script type="text/html" id="valueTemplate"> 
    <!-- some complex template... --> 
</script> 

<script type="text/html" id="noValueTemplate"> 
    <div>There is no value...</div> 
</script>