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

我在测试淘汰赛时遇到一些问题。我将在已经有DOM的页面中使用knockout。实际上，只需添加多个viewmodels，即可将字段集管理为具有可观察属性的JS对象

我在加载一个简单的淘汰测试时遇到了一些问题，而没有删除页面上其余的html内容。这似乎不正常。我想知道是否有人能指出这个问题

HTML:

为什么它会在输入1后删除所有内容？


为什么？


你为什么要删除我的字段？

Javascript:

函数myViewModel（）{
var self=这个；
self.personName=ko.observable（'Bob'）；
//自我形象=可观察（123）；
}
应用绑定（新的myViewModel（））；

谢谢，

---

Victor

如果您像这样关闭

span

标记：

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

而不是：

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

这就是工作

---

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

如果您像这样关闭

span

标记：

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

而不是：

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

这就是工作

---

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

如果您像这样关闭

span

标记：

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

而不是：

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

这就是工作

---

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

如果您像这样关闭

span

标记：

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

而不是：

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

这就是工作

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

对

span

（）来说：“起始标记和结束标记都是强制性的”。对

span

（）来说：“起始标记和结束标记都是强制性的”。对

span

（）来说：“起始标记和结束标记都是强制性的”。对：对于

span

（），“起始和结束标记都是必需的”。