Typescript kann Namensfehler nicht finden

Question

Ich entwickle gerade eine Anwendung mit dem Angular2, ich schuf ein kleines privates Objekt, das den firstName und den lastName haben wird, wenn ich versuche, die Akte vom Typoskript nach Javascript zu übertragen erhalte ich einen Fehler, der

angibt

Fehler TS2304: Kann nicht Name ist mein Code 'Vornamen' gefunden

export class AppComponent { 

public ContactDetail = {firstName="xander",lastName ="xmen"}; 

} 

ist sie ein possib le Art und Weise dieser Lösung

Vielen Dank im Voraus lösen

Answer 1

Sie sollten ein bisschen mehr vertraut mit der TypeScript Syntax erhalten.
Es geht von der JavaScript Syntax, so dass Ihr Objekt soll wie folgt aussehen:

ContactDetail = { 
    firstName:"xander", 
    lastName:"xmen" 
} 

Answer 2

Um Fehler mit Syntax zu beheben, können Sie verwenden:

export class AppComponent { 
    public ContactDetail: {firstName:string, lastName:string} = {firstName: "xander", lastName:"xmen"}; 
} 

Aber Ihre Architektur flexibler zu gestalten, Sie können so etwas tun:

export class ContactDetail { 
    firstName: string 
    lastName: string; 
} 

export class AppComponent { 
    public ContactDetail: ContactDetail 
} 

// USAGE 
var myContact = new AppComponent; 
myContact.ContactDetail = {firstName: 'xander', lastName: 'xmen'}