Typescript找不到名称错误

时间:2017-02-01 23:55:16

标签: javascript angular typescript

我目前正在使用Angular2开发一个应用程序,我创建了一个小的私有对象,当我尝试将文件从typescript转换为javascript时,它将具有firstName和lastName我收到错误说明

  

错误TS2304:找不到名称'firstName'

我的代码是

export class AppComponent {

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

}

他们是解决此解决方案的可能方法

提前致谢

2 个答案:

答案 0 :(得分:6)

您应该更熟悉TypeScript语法 它从JavaScript语法开始,因此您的对象应如下所示:

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

答案 1 :(得分: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'}