Angular2에 동적으로 추가 된 툴팁

Question

Typescript로 Angular2에서 다음을 달성하려고합니다.
툴팁을 나타내는 지시문/구성 요소를 원합니다. 나는 이것을 어떻게하는지 안다. 그래서 문제는 없다. 내 페이지의 HTML 요소에 툴팁을 추가하고 싶습니다. 이것은 큰 문제도 아닙니다. this one과 비슷한 접근 방식을 사용할 수 있습니다.

하지만 이제는 다음 상황이 발생합니다.
동적으로로드되는 구성 요소 (예 : 버튼, 입력란 등이있는 양식)가 있습니다. 하지만 이제는 그 구성 요소들 중 하나에 툴팁이 있기를 원합니다. 툴팁 지시어 나 컴포넌트를 HTML 템플릿에 모두 추가 할 수는 있지만 이것은 나에게 매우 깨끗한 해결책은 아닙니다. 나는. 다른 구성 요소에 추가 할 수있는 작은 지시어/구성 요소가 여러 개있을 수 있다고 상상해보십시오. 그런 다음 모든 지시기/구성 요소를 모든 구성 요소에 추가해야합니다.이 구성 요소는 어느 시점에서 사용할 수 있으며 지저분 해 보입니다.
이러한 양식 구성 요소를 구성 할 수 있고 구성을 확장 할 수 있으므로 각 구성 요소에 대한 선택적인 툴팁 구성을 갖는 것이 가장 좋으며, 이것이 설정된 경우 툴팁이 동적으로 추가됩니다.

하지만 위의 링크 된 접근 방식과 같이 툴팁을 동적으로 만들 수있는 다른 구성 요소에 모든 구성 요소를 압축하지 않고 어떻게 구현할 수 있는지 알 수 없습니다.

그럼 내 질문입니다. 어떻게 달성 할 수 있습니까?

Answer 1

지시어 선택기는 '멋진 버튼 : not (a)'와 같아야합니다. 그렇다면 'cool-button'클래스를 갖는 컴포넌트가 자동으로 작업을 시작합니다. 지시어를 준비하고 나면 루트 구성 요소 또는 루트 모듈에 등록하십시오.