语法一个视图模型可观察特性的不可观测属性绑定在knockout.js

Question

我有如下的图模型：

function foo(param){ 

    this.prop = param; 

}; 

var viewModel = function(){ 

    this.foo = ko.observable(); 

}; 

并在视图

<input type="text" data-bind="value: foo.prop" /> 

在视图

，当我使用的语法

<span data-bind="text: foo.prop" ></span> 

它说明不了什么，并已更新，但与

没反应

<div data-bind="with: foo" > 
    <span data-bind="text: prop" ></span> 
</div> 

它的工作原理和值发生了变化。

首次执行有什么问题？

Answer 1

在您的视图模型，如果你使用的是一些变量，它是另一个对象，我认为你在该对象定义的标记更是例如变量观察到的.. 你可以做这样的事情：

function FooClass(param) { 
    this.prop = ko.observable(param); 
}; 

function viewModel() { 
    this.foo = new FooClass('Hello World'); 
}; 
ko.applyBindings(new viewModel()); 

jsfiddle example