Knockoutjs：使用相同的viewModel屬性綁定多個html元素

Question

我想綁定單個viewModel的屬性與兩個html元素，但它不起作用。 它只是將模型的屬性綁定到第一個元素。這樣做的原因是我想要顯示一個具有相同數據的表單（包括編輯和只讀形式的視圖）。 請建議是否有更好的方法來解決這個問題（輕松提供表單的編輯/只讀視圖）。

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

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

Answer 1

問題是你的span沒有關閉。 您不能使用<span/>因為span不是void元素之一 。 （自閉標簽只適用於不能包含任何內容的元素，例如<br/>或<input/> ;你只需要/在它們中用於XHTML，雖然它在HTML中是允許的[它只是毫無意義]。）所以既然span沒有關閉，瀏覽器必須猜測你所指的span是什么; 當KO設置跨度的內容時，它會清除瀏覽器猜測的跨度內的所有內容。

如果正確關閉span ，它可以正常工作：

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

實例 | 資源