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

Any idea why knockoutjs would remove all html content from a page?

本文关键字:html 删除 knockoutjs 为什么      更新时间:2023-09-26

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

我有一些问题只是加载一个简单的击倒测试没有擦除页面上的html内容的其余部分。这看起来不太正常。我想知道是否有人能指出这个文件的问题

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());

谢谢,维克多

如果您像这样关闭span标记:

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

而不是:

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

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