Ahoj.

Mám knihovnu Knockout JS.
Zkouším si příklad viewModelu přepsat do objektového typescriptu.

Ukázka je tady: knockoutjs.com

Text z inputu se přesune do DIVU:

<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2>


A následující kód - 100% (funkční) přepisuji do typescriptu:

// Here's my data model
var ViewModel = function(first, last) {
    this.firstName = ko.observable(first);
    this.lastName = ko.observable(last);
 
    this.fullName = ko.pureComputed(function() {
        // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
        return this.firstName() + " " + this.lastName();
    }, this);
};
 
ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work

Můj Typescript vypadá takto:

class InputContent {
    
    public first: any;
    public last: any;
    public fullString: any;

    constructor( firstName: string, lastName: string) {
        this.first = firstName;
        this.last = lastName;

        ko.observable(this.first);
        ko.observable(this.last);
               
    };

    returnSavedData(): any {
        //firstName = this.firstName;
        this.fullString = ko.pureComputed(function () {
            // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
            return  " " + ko.observable("lastName"); // toto je trošku blbost, ale chápete....
        }, this);
    }

}

Nenapadá někoho jak to zprovoznit?
Případně, není zadání nesmyslné?

Knockaut přece očekává, jako viewModel funkci. Nikoliv objekt.
To se snažím obejít tím, že vytvořím objekt, který má funkci, a tu se mu snažím "podstrčit" => tedy něco jako ukazatel na funkci z instancovaného objektu.

Jde to? Nejde to? Kde mám chybu