0

次のフィドル： http： //jsfiddle.net/Xa9ez/

KO関数toJSONを使用するjsonDataという変数があります。

他の変数が更新されたときに更新されないのはなぜですか？または、goCaps関数が呼び出された場合でも？

脚本：

function AppViewModel() {

    this.firstName = ko.observable("Bert");
    this.lastName = ko.observable("Bertington");

    this.fullName = ko.computed(function() {
        return this.firstName() + " " + this.lastName();    
    }, this);

    this.capitalizeLastName = function() {
        var currentVal = this.lastName();        // Read the current value
        this.lastName(currentVal.toUpperCase());

        this.data = ko.toJSON(this);

    };    
    this.data = ko.toJSON(this);
}
var appViewModel = new AppViewModel()
// Activates knockout.js


ko.applyBindings(appViewModel );

HTML

<p>Last name: <strong data-bind="text: lastName"></strong></p>

<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>

<p>Full name: <strong data-bind="text: fullName"></strong></p>

<button data-bind="click: capitalizeLastName">Go caps</button>
<p>JSON: <strong data-bind="text: data"></strong></p>
​
4

1 に答える 1

1

this.data観察可能にする必要があります：

function AppViewModel() {

    this.firstName = ko.observable("Bert");
    this.lastName = ko.observable("Bertington");

    this.fullName = ko.computed(function() {
        return this.firstName() + " " + this.lastName();    
    }, this);

    this.capitalizeLastName = function() {
        var currentVal = this.lastName();        // Read the current value
        this.lastName(currentVal.toUpperCase());

        this.data(ko.toJSON(this));

    };    
    this.data = ko.observable(ko.toJSON(this));
}

オブザーバブルの詳細。

于 2012-10-03T15:54:55.720 に答える