knockout.js - 淘汰赛的“跨度”标签绑定问题

Question

我对 Knockout 相当陌生，无法解决这个问题。

HTML 是：

<span data-bind="text: greetings" />
<input data-bind="value: firstname" />
<input data-bind="value: lastname" />
<span data-bind="text: greetings">Default 2</span>​

相关的JS是

<script type="text/javascript">
$(document).ready(function () {
    var dv = document.getElementById('divMain');
    ko.applyBindings(new Vm());
});

function Vm() {
    this.greetings = ko.observable("hello world");
    this.firstname = ko.observable("firstname");
    this.lastname = ko.observable("lastname");
};
</script>

（jsfiddle）

问题是控件在第一个跨度标记（问候）之后没有被绑定。

但是，如果我将 span 标签包含在一些内部，div则绑定适用于每个控件。

这种行为常见吗？为什么超出第一个跨度的控件不会绑定？

干杯，

Answer 1

啊，只有少数标签可以在 html 中自动关闭，如果您将文档作为 MIME 类型提供application/xhtml+xml，它可能会起作用...... 这个问题有一些很好的信息。检查这个，你可以看到所有的 span 都是嵌套的。

这对我有用...