可观察输入输入字段

我有以下的打字稿代码时没有更新：可观察输入输入字段

///<reference path="typings/jquery/jquery.d.ts" /> 
///<reference path="typings/knockout/knockout.d.ts" /> 
///<reference path="typings/bootstrap/bootstrap.d.ts" /> 
///<reference path="typings/knockout.mapping/knockout.mapping.d.ts" /> 

class Municipality { 
    id: KnockoutObservable<number>; 
    name: KnockoutObservable<string>; 

    constructor(
      id: number, 
      name: string) { 

     this.id = ko.observable(id); 
     this.name = ko.observable(name); 
    } 
} 

class SettingsViewModel { 
    public municipality: KnockoutObservable<Municipality>; 

    constructor() { 
     this.municipality = ko.observable(new Municipality(0, "")); 
    } 

    editName = function (item) { 
     $('#editValueDialog').modal('show'); 
    } 

    submitUpdate = function() { 
     var data = ko.mapping.toJSON(this.municipality()); 
     console.log(data); 
    }; 
} 

$(document).ready(function() { 
    var serverData = JSON.parse($("#serverJSON").val()); 
    console.log(serverData); 
    vm.municipality(new Municipality(serverData.Id, serverData.Name)); 
}); 

var vm: SettingsViewModel; 
vm = new SettingsViewModel(); 
ko.applyBindings(vm);

在我看来，我想只是有一个简单的输入字段：

<input type="text" data-bind="value: vm.municipality().name()">

值的名称在输入字段中可见，但在更改它并触发submitUpdate事件时，该值没有更改，在我检查控制台中的属性时也没有更改。

如果我输入：

vm.municipality().name('test')

在控制台中值的变化。

我错过了什么？

来源

2014-10-20 user373455

快速修复是使用vm.municipality（）。name.valueHasMutated（），但它有点貌似已经somwhere出了错结合..。也许把输入字段内绑定的上下文，这样就可以使财产以后像这样：

<!-- ko with: vm.municipality --> 
    <input type="text" data-bind="value: name"> 
<!-- /ko -->

不知道这个代码将工作，很抱歉没有TS编译器和我没有你的代码转换为香草JS的时间。

希望一些这有助于

来源

2014-10-20 20:59:03

其实好像这个工程。我很好奇，为什么？会再做几次检查。 – user373455 2014-10-21 07:58:48

它可能工作，因为绑定是困难的：P也许也试试这个： – 2014-10-21 09:39:17

我还没有完全得到它，所以我不'不知道这是否有效，没有jsfiddle，所以我不能测试（也懒得制作） – 2014-10-21 09:39:47

submitUpdate = function() { 
    var data = ko.mapping.toJSON(this.municipality()); 
    console.log(data); 
};

这里使用箭头功能 - 当submitUpdate被触发这里的this值可能是错误的，在运行时：

submitUpdate =() => { 
    var data = ko.mapping.toJSON(this.municipality()); 
    console.log(data); 
};

来源

2014-10-20 21:44:18

正如我所见，这确实不会改变任何东西。我不认为这是实际的submiitUpdate事件是错误的，因为当我检查控制台时值没有改变。那当然也有可能是错的，但在其他地方也是错的。 – user373455 2014-10-21 08:01:34

可观察输入输入字段

回答

相关问题