Knockout.js：在模板中綁定到數組外部的可觀察屬性

Question

我試圖將模板的一部分綁定到數據模型根目錄上的屬性，同時根據可觀察數​​組構建模板。

此jsfiddle： http : //jsfiddle.net/mgxyE/2/緊湊地說明了我要完成的工作。

span <span data-bind='text: message'></span>失敗了，因為我不知道如何在模板中設置該綁定。 有什么幫助嗎？

Answer 1

如果您的視圖模型具有全局范圍，則只需執行以下操作：

<span data-bind='text: model.message'></span>

在您的小提琴中，您希望將選項從onLoad更改為no wrap (body)以了解如何加載JavaScript。

另一個選擇是通過templateOptions傳遞值。 看起來像：

<div data-bind='template: {name :"nodeTemplate", foreach: nodes, templateOptions: { myMessage: message} }'></div>

然后，像這樣綁定它（您可以將其命名為message，只是使用myMessage來顯示名稱的來源）：

<span data-bind='text: $item.myMessage'></span>

最后，如果您使用我推薦的KO 1.3 beta ，那么您只需執行以下操作：

<span data-bind='text: $root.message'></span>

Answer 2

使用Knockout JS 1.3，您可以使用父綁定上下文：

http://jsfiddle.net/Afx6d/