使用 uib-popover 时设置条件

Question

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

我使用了UIBootstrap提供的uib-popover实现了点击"save"按钮时弹窗的功能。以下是我目前为网页上的点击按钮所做的工作：

<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

使用 uib-popover 时设置条件

Set conditions while using uib-popover

javascript

twitter-bootstrap

angularjs

angular-ui-bootstrap