javascript - Knockoutjs：绑定多个具有相同viewModel属性的html元素

Question

我想将单个 viewModel 的属性与两个 html 元素绑定，但它不起作用。它将模型的属性仅绑定到第一个元素。这样做的原因是我想显示一个具有相同数据的表单（编辑和只读表单视图）。请建议是否有更好的方法来解决这个问题（轻松为表单提供编辑/只读视图）。

以下是我现在想做的事情。

<span data-bind="text: name"/>
<input data-bind="value: name" />

Answer 1

问题是你span没有关闭。您不能使用<span/>，因为span它不是void 元素之一。（自闭合标签仅适用于不能包含任何内容的元素，例如or<br/>；对于 XHTML，<input/>您只需要其中的猜猜你想要包含什么；当 KO 设置 span 的内容时，它会清除浏览器猜测的 span 内的所有内容。/spanspan

如果span正确关闭，它可以工作：

<span data-bind="text: name"></span>
<input data-bind="value: name" />

实例| 来源