Question

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

我有表单验证。一旦用户填写表格并选择添加按钮，它就允许前6次添加。在第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

中

我只想向用户显示他无法再添加的内容。我尝试使用模态，但我认为popover会好得多。欢迎任何建议.....

Answer 1

有很多方法可以做到这一点。如果您的popover在dom中静态存在，您可以使用相同的范围布尔值来触发它，您使用该布尔值来禁用带有<div class="popover" ng-if="disabledAdd">No more forms allowed<div/>指令的按钮：

x-amz-acl

如何在Angularjs函数中使用Popover

1 个答案: