Javascript 如何在Angularjs函数中使用Popover

我的问题很奇怪也很独特。我会尽力在这里解释我的情况

我有一个表单验证。一旦用户填写表单并选择“添加”按钮，它允许添加前6次。第六次提交后，“添加”按钮被禁用，用户不允许再添加任何内容

这里是添加按钮功能

$scope.addItem = function () {
    $scope.items.push($scope.activeItem);



    if ($scope.items.length > 6) {
        $scope.disableAdd = true
     // here is the code below where i want to insert my popover function.
    }
}

任何人都可以让我知道如何在运行时插入像这样的popover。请注意：我不想在页面加载和用户选择按钮时立即显示弹出框。我只想在用户提交了6张表单后显示它。用户提交的次数以$scope.items.length显示

---

我只想向用户显示一些他无法再添加的内容。我试着用了一个modal，但我认为popover会更好。欢迎任何建议……

有很多方法可以做到这一点。如果您的popover静态地存在于dom中，您可以使用与禁用按钮时使用的相同范围布尔值触发它，如果指令

ng

：

<div class="popover" ng-if="disabledAdd">No more forms allowed<div/>

不允许使用更多表单

您是在谈论ui引导弹出窗口吗？如果您只是在谈论禁用按钮，那么您所要做的就是将

ng disabled=“disableAdd”

添加到按钮的HTML中。@djvs-是的，确实如此。顺便说一句，禁用可以正常工作。我需要向用户显示类似通知的内容。如果您使用的是类似angular ui引导的内容，则popover指令中有一个属性：

popover处于打开状态

。所以你可以只做popover is open=“disabledAdd”