我有一个简单逻辑的绑定处理程序,我将在其中更新observable,以便它将在视图中更新自己.
这是一个示例,其中一切都按预期工作
我的看法 :
<input data-bind="value: name" />
<hr/>
<div data-bind="fadeInText: name"></div>
Run Code Online (Sandbox Code Playgroud)
代码:
ko.bindingHandlers.fadeInText = {
update: function(element, valueAccessor) {
ko.bindingHandlers.text.update(element,valueAccessor);//text becoz its binded to div
}
};
Run Code Online (Sandbox Code Playgroud)
在这里,我试图做这样的事情(下面),我被困在这里 updating a observable
我的看法 :
<input data-bind="value: name" />
<hr/>
<input type="text" data-bind="fadeInText: name" />
<div data-bind="text:ko.toJSON($data)"></div>
Run Code Online (Sandbox Code Playgroud)
码:
ko.bindingHandlers.fadeInText = {
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.bindingHandlers.value.update(element,valueAccessor);
$(element).change(function () {
value($(element).fadeInText('get'));
});
}
};
Run Code Online (Sandbox Code Playgroud)
在这个给定的场景中,当我更新textbox-1中的值然后textbox-2值正在更新时,有两个文本框.
但是当我尝试更新textbox-2值时没有任何更新我感觉如此接近但是现在我无法解决这个问题.
我看到检查过的镀铬控制台Uncaught TypeError: undefined is not a function但fadeInText存在于绑定中
更新: …
knockout.js ×1