Typoskript-Klassenwerte aus Konstruktor

Question

initialisieren

Ich verwende TypeScript, um einige Klassen mit KnockoutJS zu erstellen, wobei die Daten von JSON geladen werden, die von WebAPI zurückgegeben werden.

Das Problem ist, ich wollte die JSON-Werte in meine TypeScript-Klasse aus dem Konstruktor kopieren: aber wenn ich dies nur an der Basisklasse tun, wurden die geerbten Eigenschaften nicht definiert und daher nicht initialisiert.

Beispiel

Wir wollen eine Bestandsaufnahme Element aus einer JSON-Antwort erstellen:

{ Name: "Test", Quantity:1, Price: 100 } 

Ich habe eine Basisklasse Produkt und eine vererbte Klasse Inventory:

export class Product { 
    Name = ko.observable(""); 

    constructor(source) { 
    // a utility that copies properties into this instance 
    utils.CopyProperties(source,this); 
    } 

export class Inventory extends Product { 
    Quantity = ko.observable(0); 
    Price = ko.observable(0); 

    constructor(source) { 
    super(source); // call base c'tor 
    // the quantity and price properties are only now defined 
    } 
} 

Die Eigenschaften für Inventar wird nur in dem JS-Ausgabecode nach dem Super Konstruktoraufruf erstellt, also nicht vorhanden, wenn das Produktkonstrukt oder wird ausgeführt.

Die einzige Lösung, die ich sehen kann, ist, den Initialisierungswert aus dem Konstruktor herauszunehmen, aber ich mag diesen Ansatz nicht wirklich, obwohl ich vermute, dass es die einzige Option ist.

var inventoryItem = new Inventory(); 
    inventoryItem.LoadFrom(source); 

Answer 1

Best I kommen kann mit Ihnen eine Basis Deserialisierung Routine haben, damit die von der Konstruktor aufgerufen wird, wird dieser (modifizierte Knockout zu entfernen Abhängigkeit zum Testen):

class utils { 
    public static CopyProperties(source:any, target:any):void { 
     for(var prop in source){ 
      if(target[prop] !== undefined){ 
       target[prop] = source[prop]; 
      } 
      else { 
       console.error("Cannot set undefined property: " + prop); 
      } 
     } 
    } 
} 

class Product { 
    Name = "Name"; 

    constructor(source) { 
    this.init(source); 
    } 

    init(source){ 
    utils.CopyProperties(source,this); 
    } 
} 

class Inventory extends Product { 
    Quantity; 
    Price; 

    constructor(source) { 
    super(source); 
    } 

    init(source){ 
     this.Quantity = 0; 
     this.Price = 0; 
     super.init(source); 
    } 
} 

var item = new Inventory({ Name: "Test", Quantity: 1, Price: 100 }); 

Es ist odd, dass die Variablen nur im JS nach dem Aufrufinitialisiert. Vielleicht im Wert von raising a work item on codeplex?

Playground.

Answer 2

Dieser Ansatz scheint für mich zu arbeiten:

/// <reference path="knockout.d.ts" /> 

export class Product { 
    Name: KnockoutObservableString; 

    constructor(source) { 
     this.Name = ko.observable(source.Name); 
    } 
} 

export class Inventory extends Product { 
    Quantity: KnockoutObservableNumber; 
    Price: KnockoutObservableNumber; 

    constructor(source) { 
     super(source); 
     this.Quantity = ko.observable(source.Quantity); 
     this.Price = ko.observable(source.Price); 
    } 
} 

var item = new Inventory({ Name: "Test", Quantity: 1, Price: 100 });