Javascript 如何在div、span容器中实现UIBootstrap/AngularUI的popover？

我正在使用UIBoostrap模块对我的应用程序中的popover消息进行表单验证。问题是，当我跳过一个必需的输入字段时，popover消息不会打开

这是当前的代码：

<input type="text" class="form-control" placeholder="Bezeichnung" name="fName" ng-model="selected.fName" id="fname-id" required="" popover-placement="bottom" popover-animation="true" popover="Field is required" popover-trigger="focus">
 <div class="error" ng-show="myForm.fName.$dirty && myForm.fName.$invalid">
     <div class="error" ng-show="myForm.fName.$error.required"></div>
 </div>

这是行不通的：

<div class="error" ng-show="myForm.fName.$dirty && myForm.fName.$invalid">
  <div class="error" ng-show="myForm.fName.$error.required" popover-placement="bottom" popover-animation="true" popover="Field is required" popover-trigger="focus"></div>
</div>

---

我试图在web上找到一个解决方案，但唯一的事情是为popover定义一个自己的指令。这是在div或span容器中实现popover的唯一方法吗？

您可以创建自己的验证

ng-show="flag"

提交时

---

…

是的，但我正在寻找一种针对popover消息的解决方案：）

if(selected.fName === null || selected.fName === undefined){
    flag = true;
}