javascript - 知道为什么 knockoutjs 会从页面中删除所有 html 内容吗？

Question

我在测试 knockout 时遇到一些问题。我将在已有 DOM 的页面中使用 knockout 。本质上只是添加多个 View 模型来管理一组字段作为具有 Observable 属性的 JS 对象。

我在加载简单的 knockout 测试而不删除页面上其余 html 内容时遇到了一些问题。这看起来不正常。我想知道是否有人能够指出这个问题 jsfiddle

HTML:

<span>Why does it remove everything after input1?</span>
<input id="input1" data-bind="value: personName" /><span id="span1" data-bind="text: personName" />
<br />
<span>why?</span>
<input id="input2" type="text" value="2" /><span id="span2" />
<br />
<input id="input3" type="text" value="3" /><span id="span3" />
<span>why are you removing my fields?</span>

Javascript:

function myViewModel() {
var self = this;

self.personName = ko.observable('Bob');
//self.personAge = ko.observable(123);
}

ko.applyBindings(new myViewModel());

谢谢， 维克多

Answer 1

如果像这样关闭 span 标记:

<span id="span1" data-bind="text: personName"></span>

而不是:

<span id="span1" data-bind="text: personName" />

这就是工作。

但是我不知道为什么，也许一个span元素不能像这样关闭。