AngularUI 从控制器中的条件手动显示弹出框

【问题标题】：AngularUI show popover manually from condition in controllerAngularUI 从控制器中的条件手动显示弹出框
【发布时间】：2026-02-16 13:30:01
【问题描述】：

我有一个包含电子邮件字段的简单表单。此表单有一个提交按钮。当用户单击提交按钮时，我想在电子邮件字段上方显示一个弹出框。我无法让它工作。我尝试了以下方法。

// Obviously doesn't work...
<input type="text" ng-model="email" popover={{submitMessage}} popover-trigger="[want to trigger it automatically]" placeholder="E-mail"></input>

我的控制器内容如下所示：

if (!validationService.isEmailValid($scope.email)) {
    $scope.submitMessage = 'Invalid e-mail';

    // Now I would like to display my submitMessage above my textfield...

有谁知道这是否可能。如果是这样，我应该怎么做？

【问题讨论】：

标签： javascript html angularjs twitter-bootstrap

【解决方案1】：

试试这个

if (!validationService.isEmailValid($scope.email)) {
    $scope.submitMessage = 'Invalid e-mail';
     **$scope.$apply();**

【讨论】：

谢谢，现在弹出框显示正确的内容。但我也想触发它（显示）（不仅仅是焦点）。那可能吗？更新了我的问题以使其更清楚。
为右侧添加一个按钮。如果单击该按钮，则会在新的弹出窗口中显示该消息。而已。请从新问题开始这个新任务。
但这不是弹出窗口，而是 angularUI 引导弹出窗口。