• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

如何正确地将文本框的值绑定回可观察数组中的模型?

JavaScript 来源:Ray Cheng 5次浏览

我有一个具有可观察数组的模型,我可以在文本框中显示数据,但我无法弄清楚如何将其绑定回原始数组。如何正确地将文本框的值绑定回可观察数组中的模型?

这里是工作sample我有。

<ul data-bind='foreach: frameworks'> 
    <li> 
     <button class='btn' value='pick me'    
      data-bind='text: name, click: $parent.selectFramework'>    
     </button> 
    </li> 
</ul> 
<input type='text' data-bind='value: selectedFramework().name' /> 
<pre data-bind='text: ko.toJSON($root.selectedFramework, null, 4)'> 
</pre> 



var Framework = { 
    name: '' 
}; 

var App = new function() { 
     var self = this; 
     self.frameworks = ko.observableArray(); 
     self.selectFramework = function (item) { 
      self.selectedFramework(item); 
     }; 
     self.selectedFramework = ko.observable(Framework); 
    }; 

App.frameworks([{name: 'foo'}, {name: 'bar'}]); 

ko.applyBindings(App); 

===========解决方案如下:

你快到了。你需要在每个框架的observable上创建’name’属性。我已更新您的JsFiddle here

App.frameworks([{ 
    name: ko.observable('foo') 
}, { 
    name: ko.observable('bar') 
}]); 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)