Связывание текста Knockout.js в дочернем узле

Question

Я новичок в knockout.js, и я не смог найти ответ на этот вопрос.

Я пытаюсь создать что-то вроде

<td>DEMO<span>DEMO2</span></td> 

Но я не знаю, как сделать это с knockout.js. Я попытался следующие, но это не сработало:

<td data-bind="text: type"><span data-bind="text: type2"></span></td>  

кажется text:type является переопределение span и даже не появляется.

Answer 1

Да, вы не можете иметь ваш text связывания на td, потому что укомплектовать перекрывает содержание вашего td

Из documentation:

Нокаут устанавливает содержание элемента в текстовый узел со своим параметром стоимость. Любой предыдущий контент будет перезаписан.

Решения:

Использование дополнительной span:

<td><span data-bind="text: type"></span><span data-bind="text: type2"></span></td> 

Используйте contenerless синтаксис KO:

<td><!-- ko text: type --><!-- /ko --><span data-bind="text: type2"></span></td> 

Демонстрационные JSFiddle.