如何创建工具提示指令，适用于角度为2的任何html元素？

Question

看看这个简单的工具提示onMouseOver事件： http://jsfiddle.net/HJf8q/2/

我想在角度2中创建一个简单的工具提示指令，任何具有该指令的HTML元素都会动态地添加该工具提示工作所需的innerHTML。

如果我有一个简单的div：

<div id="mySimpleDiv">Hello div</div>

添加工具提示指令应该动态创建下一个innerHTML：

 <div id="mySimpleDiv" tooltip>Hello div   
   <!-- the innerHTML should be added -->
    <span id="tooltip-span">
        DO THIS
    </span>
    <!-- the innerHTML should be added -->
</div>

现在，我理解指令没有模板，他们会添加行为，但如果行为是innerHTML怎么办？我应该在模板中使用其他组件吗？怎么解决这个问题？