Javascript Typescript找不到名称错误

我目前正在用Angular2开发一个应用程序，我创建了一个小的私有对象，当我尝试将文件从typescript传输到javascript时，它将具有firstName和lastName。我遇到一个错误

错误TS2304:找不到名称“firstName”

我的代码是

export class AppComponent {

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

}

他们的解决方案是否可行

---

提前感谢

您应该更熟悉

类型脚本

语法。
它从

JavaScript

语法开始，因此您的对象应该如下所示：

ContactDetail = {
  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'}

---

要修复语法错误，可以使用：

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

但要使您的体系结构更灵活，您可以这样做：

ContactDetail = {
  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'}