>source

i 변수 텍스트 아래의 구성 요소 TS innerhtml 내용이 있습니다. 그래서 나는 내 HTML 파일 (UI)에서 그것을 표시하고 있습니다. htmlContent 의 일부는 강조 표시 클래스가있는 SPAN 태그를 포함합니다. 내가 원하는 것은 내가 하이라이트 클래스 위에 마우스를 올리면 툴팁을 얻어야한다는 것입니다.

참고 : 수동으로 값을 변수 텍스트의 HTML 컨텐츠로 하드 코딩 할 수 없습니다. 대신 SAPN 태그 아래의 클래스가 강조 표시 될 때 툴팁을 표시하는 방법을 찾아야합니다 (단어는 붉은 색으로 단어를 보여줍니다). 나는 온라인으로 점검했지만 해결책을 얻을 수 없었습니다. 당신이 알고있는 경우 친절하게 도와주세요.

TS 파일의 My String 또는 InnerHTML 컨텐츠입니다. 그것은 텍스트라는 변수에 저장됩니다.

'<span class="highlight" >It is a long</span> established fact that a <span class="highlight">re</span><span class="highlight"></span><span class="highlight">ader </span>will be distracted by the <span class="highlight">readable content </span>of a page when <span class="highlight">look</span><span class="highlight"></span><span class="highlight">ing </span>at its layout. The point of using Lorem Ipsum';

나는 내 스택을 붙였다 :

질문에 분명하지 않으면 아래의 의견을 설명합니다.

당신은 앵글 소재를보아야합니다. stackblitz.com/edit/angular-tooltip-material을 참조하십시오

Shashank Vivek2021-04-21 03:05:16

그래도 그러나 나는 그 특정 수업만으로도 어떻게 적용하는지 모릅니다. 스택 블리츠 @shashankvivek에 그걸 보여 주실 수 있습니까?

gmail 7772021-04-21 03:05:16
  • 이전 angularjs : 나는 각도의 새로운 구성 요소가있는 모듈에 중첩 된 구성 요소를로드하고 싶습니다. 이를 각도에서 생성 할 수 있습니까?
  • 다음 jquery : 쿼리 기능 소스에서 A2 : A50과 일치하면 COL을 선택합니다.