出現錯誤時，裏面的jQuery

Question

通話angular2功能當我把裏面的jQuery的功能我得到的錯誤

"Uncaught TypeError: this.getSelectedItem is not a function",

有誰知道如何調用該函數沒有錯誤？ 感謝您的幫助

getSelectedItem(selected: string) { 
    this.currentValueSelectedItem = selected; 
    this.selectedItem = selected; 
    var foundItem = this.currentCollection.find(x => x.innerHTML === selected); 
    this.fontSize = window.getComputedStyle(foundItem).getPropertyValue("font-size"); 
} 

ngAfterViewInit() { 
    $('#designedPage').load(function() { 
    var iframe = $('#designedPage').contents(); 
    iframe.find("body").click(function (event: any) {    
     this.getSelectedItem(event.target.innerHTML); //here I get error 
    }); 
    }); 
} 

Answer 1

你必須使用拉姆達符號保持this上下文。另外的想法，在角使用jQuery這樣在相當皺眉道：

ngAfterViewInit() { 
    $('#designedPage').load(() => { 
    var iframe = $('#designedPage').contents(); 
    iframe.find("body").click((event: any) => { 
     this.getSelectedItem(event.target.innerHTML); //here I get error 
    }); 
    }); 
}