DOM에서 요소 가져 오기 - 각도 4

Question

DOM에서 요소를 가져 와서 배경에 스타일을 추가해야합니다. 요소가 내 HTML에 없기 때문에 ViewChild를 #someId와 함께 사용할 수 없습니다. 일단 팝업을 열면 렌더링됩니다. 그 요소의 클래스는 'dx-popup-content'입니다. 나는 시도했지만 그럴 수 없어 this.elRef.nativeElement.querySelector('dx-popup-content') 대상 요소가 기본 요소 (이 경우 dx-scheduler)에 없으므로 수행 할 수 없습니다. 중요한 경우 DevExpress를 사용하고 있습니다.

기본적으로, 나는 그것을 선택하고 내 함수 내 스타일을 변경하려면 :

openTooltip(event) { 
    // event.cancel = true; 
    this.prepareTooltipData(event.appointmentData); 
    } 

어떤 제안?

Answer 1

을 내가 궁금 : 어떻게하지 귀하의 HTML에? 라이브러리를 사용하고 있습니까? 즉석에서 팝업을 만드시겠습니까? 당신이 정말이 ViewChild를 사용할 수없는 경우

어쨌든, 당신은 여전히 ​​바닐라 JS를 사용할 수 있습니다

let popup = document.getElementById('dx-popup-content'); 

을 당신은 ID, 그리고 클래스를 사용하는 것이 좋습니다, 올바른 얻을해야합니다 요소.

Answer 2

당신은 항상 document 사용할 수 있습니다

var elem = document.querySelector('dx-popup-content');