He buscado en internet mucho tiempo y no he encontrado una respuesta directa. Mi pregunta es simple, quiero tener algo como esto en mi marcado:

<div my-tooltip-template="'mytt.tpl.html'" my-tooltip-scope="myDataItem">Some text...</div>

EDITAR: DóndemyDataItem es una variable de alcance que contiene mi objeto de datos y con una plantilla que podría verse así:

<h1>{{dataItem.title}}</h1>
<span>{{dataItem.description}}</span>

Y quiero tener esa plantilla compilada con el alcance que contienemyDataItem comodataItem y se muestra como información sobre herramientas. Por lo que pude ver experimentando conui-bootstrap tooltip módulo, la forma de inyectar html en una información sobre herramientas es mediante el uso de la directivatooltip-html-unsafe pero el html inyectado no se compila, es decir, las expresiones angulares no se evalúan, las directivas no se expanden, etc.

¿Cómo hago para crear una directiva para esto? Quiero un resultado sencillo, no quiero tener que incluir jQuery ni ninguna otra biblioteca, solo AngularJS y ui-bootstrap.

¡Muchas gracias!