Javascript knockoutjs:绑定到模板中数组外部的可观察属性

Javascript knockoutjs:绑定到模板中数组外部的可观察属性,javascript,data-binding,knockout.js,Javascript,Data Binding,Knockout.js,我试图将模板的一部分绑定到数据模型根上的属性,同时根据可观察数组构建模板 这个jsfiddle:简洁地说明了我试图实现的目标 span是失败的地方,因为我不知道如何在模板中设置绑定。有什么帮助吗?如果您的viewmodel具有全局范围,那么您只需执行以下操作: <span data-bind='text: model.message'></span> 然后,像这样绑定到它(您可以称之为message,只是使用myMessage来显示名称的来源): 最后,如果您使用(

我试图将模板的一部分绑定到数据模型根上的属性,同时根据可观察数组构建模板

这个jsfiddle:简洁地说明了我试图实现的目标


span
是失败的地方,因为我不知道如何在模板中设置绑定。有什么帮助吗?

如果您的viewmodel具有全局范围,那么您只需执行以下操作:

<span data-bind='text: model.message'></span>
然后,像这样绑定到它(您可以称之为message,只是使用
myMessage
来显示名称的来源):


最后,如果您使用(我建议),那么您可以简单地执行以下操作:

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

如果您的viewmodel具有全局范围,则您只需执行以下操作:

<span data-bind='text: model.message'></span>
然后,像这样绑定到它(您可以称之为message,只是使用
myMessage
来显示名称的来源):


最后,如果您使用(我建议),那么您可以简单地执行以下操作:

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

使用敲除JS 1.3,您可以使用父绑定上下文:


使用敲除JS 1.3,您可以使用父绑定上下文:


我认为templateOptions路由是最合适的方法。我认为在1.3中,使用
$root
$parent
可能是最流行的选择。完美!现在使用$root,但对于更复杂的模板,模板选项看起来是一个很好的解决方案。谢谢如果使用1.3,那么$root就是一个不错的选择。否则,我建议使用templateOptions。我认为templateOptions路由是最合适的方法。我认为在1.3中,使用
$root
$parent
可能是最流行的选择。完美!现在使用$root,但对于更复杂的模板,模板选项看起来是一个很好的解决方案。谢谢如果使用1.3,那么$root就是一个不错的选择。否则,我建议使用templateOptions。