Knockout.js如何绑定到子属性 [英] Knockout.js how do i bind to a sub property
本文介绍了Knockout.js如何绑定到子属性的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我知道如何绑定到属性,但是如何绑定到类似的属性: 父母/孩子
I know how to bind to a property, but how do i bind to a property like: Parent.Child
使用Knockout JS.com上的hello world示例: HTML:
Using the hello world example on Knockout JS.com: Html:
<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2>
<h2>ChildProperty: <span data-bind="text: parentProperty.childProperty"> </span>!</h2>
JavaScript:
Javascript:
var ViewModel = function(first, last) {
this.firstName = ko.observable(first);
this.lastName = ko.observable(last);
this.parentProperty = ko.observable(
{
childProperty: "I am a child Property"
});
this.fullName = ko.computed(function() {
// Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
return this.firstName() + " " + this.lastName();
}, this);
};
ko.applyBindings(new ViewModel("Planet", "Earth"));
我想创建一个与childProperty的绑定.
I would like to create a binding to the childProperty.
我在此处创建了 jsfiddle
谢谢
推荐答案
是如此接近!
你想要
<span data-bind="text: parentProperty().childProperty"> </span>
您更新的小提琴 http://jsfiddle.net/szk2e/2/
这篇关于Knockout.js如何绑定到子属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文