使用 uib-popover 时设置条件

Question

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

我使用 UI Bootstrap 提供的uib-popover 实现了点击“保存”按钮时的弹出功能。到目前为止，这是我为网页上的单击按钮所做的：

<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>

现在我可以成功地从控制器中检索我想要的数据了。如下所示：

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

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

谢谢。

Answer 1

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

http://jsfiddle.net/3kpm2e0n/

或者你可以有 2 个按钮。一个有弹出框，另一个没有。任何一个都将显示为ng-if