使用uib-popover时设置条件

Question

我试图通过使用AngularJS来实现注册表单。在尝试提交时，表单必须提示用户输入错误。

我使用UI Bootstrap提供的uib-popover来实现弹出功能，同时点击＆＃34; save＆＃34;按钮。以下是我目前为网页上的点击按钮所做的工作：

<button class="btn btn-primary" type="button" uib-popover = 
"Wrong email format: {{formDetail.email_test}}" popover-title=
"{{errorMsgPopover.title}}" style="height:30px; padding:4px 12px;"
ng-click="beforeAndAfterDemo()">Save</button>

现在我可以从控制器中成功检索出我想要的数据。它看起来如下：

但是，我希望做的是实现表单验证，并且只有在给定输入不正确时才会显示popover。

您能告诉我如何实施条件 uib-popover吗？假设我已经有了JavaScript的一些逻辑实现，并且我已将它们全部放在控制器中。

谢谢。

Answer 1

您可以使用popover-enable属性（接受true或false。

http://jsfiddle.net/3kpm2e0n/

或者你可以有2个按钮。一个是popover而另一个没有。任何一个都会显示ng-if