knockout.js - 在不同视图中编辑项目不会在原始视图中更新

Question

jsfiddle：http: //jsfiddle.net/HCQAd/

var Editor = function(v1){
    var self = this;
    self.load_editor = function(item){
        item.prop = "Test4";
    }
}

var sectionView = function(){
    var self = this;      
    self.items = ko.observableArray();
    self.load_items = function(){
        setTimeout(function(){
            var items = [{prop:'Test'}, {prop:'Test2'}, {prop:'Test3'}];
            self.items(items);
        }, 500);
    };        
    self.edit_item = function(item)
    {
        if(self.editor == null)
        {
            self.editor = new Editor(self);
            self.editor.load_editor(item);
        }            
    }
    ko.applyBindings(self, $('.items_container')[0]);
}

var v1 = new sectionView();
v1.load_items();



<div class="items_container">
   <!-- ko foreach: items -->
    <span data-bind="text: prop"></span>
    <a href="javascript:void(0);" data-bind="click: $parent.edit_item">edit</a>
    <br/>
       <!-- /ko -->
</div>

单击编辑链接加载编辑器并传递正在编辑的项目。当我将属性设置为新值时，它不会更新原始视图？如何使其在原始视图中更新？

Answer 1

您应该使用 observables 而不是普通属性。

您的可观察样本：http: //jsfiddle.net/HCQAd/1/

关于淘汰赛 observables 和 2-way data-binding 的文章。 http://knockoutjs.com/documentation/observables.html