는 Plotly 나는 각 2 프로젝트에 plotly 자바 스크립트 클릭 이벤트를 사용하려고하지만이 유형에 '는 HTMLElement를'존재하지 않는 '에'아래의 오류</p> <p>속성을 반환 각도 2 응용 프로그램

Question

에서 이벤트를 클릭합니다.

let myPlot = document.getElementById('donutChartId'); 
myPlot.on('plotly_click', function(data){ 
console.log(data.points[0].label); 
}); 

각도 때문에 빌드가 실패했습니다. 당신이이 방법을 사용하려면 선택한 요소에서 JQuery와 개체를 만들 수 있습니다 응용 프로그램에서 jQuery를 사용하는 경우

Answer 1

.on()는 jquery method

입니다.

let myPlot = document.getElementById('donutChartId'); 

to 

let myPlot = $(document.getElementById('donutChartId')); 

희망이 있습니다.

Answer 2

컴파일 오류라고 생각하십시오. 하지만 코드가 작동합니다. 오류가 우려된다면. ES6 HTMLElement 클래스의 하위 클래스를 만들 수 있습니다. 위의 코드를 컴포넌트에 추가하십시오. 요소 선택에서

class CustomHTMLElement extends HTMLElement { 
    constructor() { 
    super(); 
    } 
    on(event_type, cb) { 
    } 
} 

그리고 타입 캐스트가

let myPlot = <CustomHTMLElement>document.getElementById('donutChartId');