Typescriptは名前エラーを見つけることができません

Question

私はAngular2でアプリケーションを開発しています。私はtypescriptからjavascriptにファイルをトランスペアレント化しようとすると、firstNameとlastNameを持つ小さなプライベートオブジェクトを作成しました。エラーが表示されます。

エラーTS2304：名前を見つけることができません 'firstNameの'

私のコード

export class AppComponent { 

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

} 

は、彼らのpossibです事前

Answer 1

にあなたはTypeScript構文でもう少し慣れる必要があります

おかげで、このソリューションを解決するル方法。
それはJavaScript構文から始まるので、あなたのオブジェクトは次のようになります。

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

Answer 2

はあなたの構文を使用してエラーを修正するには、使用することができます：

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

をしかし、あなたのアーキテクチャをより柔軟にするために、次のようなことができます：

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

export class AppComponent { 
    public ContactDetail: ContactDetail 
} 

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