javascript - 使用 uib-popover 时设置条件

Question

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

我使用了UI Bootstrap提供的uib-popover实现了点击“save”按钮的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>

现在我可以成功地从 Controller 中获取我想要的数据了。它看起来像下面这样:

但是，我想做的是实现表单验证，并且仅当给定的输入不正确时才应显示弹出窗口。

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

谢谢。

Answer 1

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

http://jsfiddle.net/3kpm2e0n/

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