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/