Javascript 如何创建一个指令来显示表单字段错误的工具提示？

这是我的HTML：

<input id="email" type="text" name="email" class="form-control" ng-
model="user.email" required ng-pattern="/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\[A-
Za-z]{2,4}$/" input-tooltip>

它似乎创建了正确的HTML：

<input id="email" type="text" name="email" class="form-control ng-valid-
required ng-dirty ng-valid-parse ng-invalid ng-invalid-pattern ng-touched" ng-
model="user.email" required="" ng-pattern="/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-
]+\.[A-Za-z]{2,4}$/" input-tooltip="" tooltip-trigger="manual" tooltip-
placement="top" tooltip-enable="form.email.$invalid" tooltip="Invalid Email">

属性在那里，触发器（）函数在输入更改时运行，但不显示工具提示

任何你发现我做错了或可以做得更好的事情-我感觉那里有一些noob的东西-请让我知道

---

谢谢。

您是否参考了另一个库来实现工具提示功能？抱歉，忘了提及，是的，这是UI引导的工具提示。例如，您可以在plunker上发布此功能的演示？如果您想立即显示工具提示，则缺少

$（元素）。工具提示（'show'）很抱歉延迟，这是plunkr是否有其他库供您参考用于工具提示功能？抱歉，忘了提及，是的，这是UI引导的工具提示。您可以发布此功能的演示，例如在plunker上？如果您想立即显示工具提示，则缺少
$（元素）。工具提示（'show'）很抱歉耽搁了，这是您的电话号码
<input id="email" type="text" name="email" class="form-control ng-valid-
required ng-dirty ng-valid-parse ng-invalid ng-invalid-pattern ng-touched" ng-
model="user.email" required="" ng-pattern="/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-
]+\.[A-Za-z]{2,4}$/" input-tooltip="" tooltip-trigger="manual" tooltip-
placement="top" tooltip-enable="form.email.$invalid" tooltip="Invalid Email">