Javascript 从组件HTML调用Angular 2函数返回空

Javascript 从组件HTML调用Angular 2函数返回空,javascript,angular,typescript,Javascript,Angular,Typescript,这是我的ts文件。当我在另一个或同一个类型脚本中调用tempData()方法时,它将返回正确的信息。但是当我从HTML文件调用它时,它返回0表示this.links.length,也返回错误的ID表示this.graph export class EditRelationColsComponent implements OnInit { graph: any = new joint.dia.Graph; constructor(private globalService: GlobalS

这是我的ts文件。当我在另一个或同一个类型脚本中调用tempData()方法时,它将返回正确的信息。但是当我从HTML文件调用它时,它返回0表示this.links.length,也返回错误的ID表示this.graph

export class EditRelationColsComponent implements OnInit {
  graph: any = new joint.dia.Graph;


constructor(private globalService: GlobalService) {
  }

ngOnInit() {
 }
  tempData(){
    console.log(this.graph);
    console.log(this.links.length);
 }
}
HTML


因此,当我从另一个JS调用函数时(在调用loadGraph()之后),我的图ID是:307 当我从HTMl调用函数时,我的图形ID是:308。我不知道为什么它不是在寻找合适的图形,而是在创建新的图形

关闭标记“}”太快。试试这个

export class EditRelationColsComponent implements OnInit {
  graph: any = new joint.dia.Graph;


  constructor(private globalService: GlobalService) {
  }

 ngOnInit() {
 }
 tempData(){
    console.log(this.graph);
    console.log(this.links.length);
 }
}
export class EditRelationColsComponent implements OnInit {
  graph: any = new joint.dia.Graph;


  constructor(private globalService: GlobalService) {
  }

 ngOnInit() {
 }
 tempData(){
    console.log(this.graph);
    console.log(this.links.length);
 }
}