如何在 Angularjs 函数中使用 Popover

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.
    }
}

任何人都可以告诉我如何在运行时间插入这样的弹出窗口。请注意：我不想在页面加载和用户选择按钮时立即显示弹出窗口。我只想在用户提交 6 份表格后显示它。用户提交次数显示在$scope.items.length

我只想向用户显示一些他不能再添加的东西。我尝试使用模式，但我认为弹出窗口会好得多。欢迎任何建议.....

Answer 1

有很多方法可以做到这一点。如果您的弹出窗口静态存在于 dom 中，您可以使用与使用 ng-if 指令禁用按钮的相同范围布尔值触发它：

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

如何在 Angularjs 函数中使用 Popover

How to use Popover inside a Angularjs function

javascript

jquery

angularjs

validation

popover