요소에서 툴팁 이벤트 제거

Question

텍스트가 잘린 부분에 툴팁을 표시하는 텍스트가있는 요소가 있습니다. 요소의 텍스트가 더 이상 잘리지 않을 때 툴팁을 제거하고 싶습니다. 문제는 툴팁 이벤트에 도달 할 수 없다는 것입니다. 잘라내기를 수행 할 때 요소에 속성을 설정하여 툴팁을 추가합니다. 그러나 특성을 제거해도 이벤트가 제거되지는 않으며 툴팁이 계속 표시됩니다. Angular bootstrap tooltip을 사용하고 있습니다. 툴팁 이벤트 핸들러가 없기 때문에 인터넷을 검색했으며 removeEventListener()가 도움이되지 않았습니다. 내가 사용할 수 있었던 유일한 해결 방법은 툴팁을 숨긴 요소에서 이벤트 mouseleave를 트리거하는 것이지 제거하지는 않았습니다. 나는 이것이 좋은 방법이 아니라고 생각한다. 나는 그 사건을 제거해야한다. 그건 그렇고, 각도 및 자바 스크립트 만 사용하고 jQuery는 사용하지 않습니다.

아이디어가 있습니까?

편집 : 당신은 텍스트 인 경우 반환하는 속성에 tooltip-enable 표현을 제공해야한다

<span>Here goes the text</span> 

및 요소가이

<span uib-tooltip="Here goes the text" tooltip-append-to-body="true" tooltip-placement="bottom">Here goes the text</span> 

Answer 1

처럼 보이는 도구 설명을 추가 한 후 : 내 요소는 다음과 같이이다 잘린 것 또는 아닙니다. 이렇게 쉽게 결정할 수 있습니다 : https://stackoverflow.com/a/143889/2337927. security issues으로 인해 각도 표현식에서 DOM 요소를 직접 사용할 수는 없지만 유의하시기 바랍니다. 예를 컨트롤러에 isTextOverflowing 함수를 등록하고 표현식에서 호출을 위해 무엇을하고 싶은 것입니다 : tooltip-enable="vm.isTextOverflowing()"

---

편집

후 완전히 이벤트 리스너를 제거하는 것입니다 당신이 원하는 당신은 내가 긍정적 '되는 경우 두 번째로 decorator을 작성하는 것이지만 실제로는 지저분한 (또는 해킹 된) 방법 인 이지만을 작성하는 것이 두렵다. 텍스트가 완전히 보일 때 툴팁을 닫는 것이면 tooltip-enable과 tooltip-is-open의 조합을 사용하여 쉽게 달성 할 수 있습니다. shown in this plunk.