angularjs中的工具提示，用于表单验证

Question

我想在angularjs应用程序中以bootstap模式形式显示无效和脏输入元素旁边的工具提示。我目前没有使用angular-ui。我尝试搜索，可以找到涉及编写指令的实现。

由于我们已经使用了bootstrap和angularjs，我想知道在输入字段到达无效和脏状态时显示工具提示的最佳方式是什么。

Answer 1

在你的HTML（典型的Bootstrap表单结构）中可能是这样的：

<div class="form-group" validation-tooltip>
   <label>My Label</label>
   <input type="text" ng-model="myModel" name="someName" required data-toggle="tooltip" data-placement="right" title="Your tooltip text." class="form-control">
</div>

然后编写一个指令，使用您选择的事件触发工具提示。在我的示例中，我在form-group元素上放置了一个自定义属性指令，然后在link函数中（在你的指令中）你想要获得所需的属性，如：

var inputEl = element.find('input[name]');