knockout.js - Declarar un knockout computable observable en mecanografiado

typescript

Question

Soy nuevo en mecanografiar y me gustaría combinarlo con la bondad de los nocauts. Tengo un observable computarizado, que actualmente funciona, pero quiero saber si es así o si existe una mejor manera.

Estoy usando el archivo de definición de nocaut de nu-get . En él hay 4 definiciones de KnockoutComputed (x).

1. KnockoutComputed
2. KnockoutComputedDefine
3. KnockoutComputedFunctions
4. KnockoutComputed Static

Me gusta el método {} de declarar observables y me gustaría mantener esto. En resumen, este es el método correcto para declarar observables o hay una forma alternativa (tal vez con intlisense en la función)

Estoy usando el primero así:

class PersonViewModel {
public firstname: KnockoutObservable<string>;
public lastname: KnockoutObservable<string>;
public fullname: KnockoutComputed<string>;
constructor() {
this.firstname = ko.observable('''');
this.lastname = ko.observable('''');
this.fullname = ko.computed({
owner: this,
read: function () {
return this.firstname() + " " + this.lastname();
}
});
}
}

con el fragmento de código html de:

<h2>Type Script and Knockout.</h2>
<input data-bind="value: firstname" />
<input data-bind="value: lastname" />
<div data-bind="text: fullname"></div>

Answer 1

La recomendación es usar funciones de flecha para computar. También te dará la inteligencia deseada:

this.fullname = ko.computed({
owner: this,
read: () => {
return this.firstname() + " " + this.lastname();
}
});

Básicamente, eso lo captura utilizando el cierre, por lo que no importa quién devuelva la función. this continuará significando PersonViewModel lugar de any . Más: http://basarat.github.io/TypeScriptDeepDive/#/this

Pruebe el intellisense en TypeScript Playground . Debes obtener intellisense cuando presionas this.