Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 在模态关闭之前,如何在angular-ui $modal *中执行回调?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
angular-ui $modal支持使用modalInstance.result.then(closeFn,dismissFn)关闭或解除窗口的promise.

因此,如果我使用模态收集新项目的信息,那么我可以这样做:

@H_424_9@modalInstance.result.then(function (item) { new Item(item).$save(); // or similar },function () { });

HTML代码段:

<button class="btn btn-priMary" ng-click="$close(item)">Save</button>
    <button class="btn btn-warning" ng-click="$dismiss()">Cancel</button>

但是新项目可能存在冲突,或者在服务器端可能无效,或许多其他事情.在模态本身关闭之前,有什么办法可以解决这个问题吗?我想抓住“是”(或“关闭”)点击,运行我的fn做新项目(项目).$save(),然后:

>如果成功,继续关闭模态
>如果失败,请突出显示错误消息

我知道我可以在按钮上使用不同的ng-click,并在$modal控制器中捕获它,如下所示:

<button class="btn btn-priMary" ng-click="save(item)">Save</button>

代码

var modalInstance = $modal.open({
          templateUrl: '/partials/createItem.html',controller: function ($scope) {
                    $scope.save = function(item) {
                        new Item(item).$save().then(function(){
                            modalInstance.close();
                        });
                    };

          }
        });

但是有没有更多标准的方法来预先捕捉近距离事件?

解决方法

angular-ui的$close实际上是一个标准的角度延迟对象.你无法捕捉正在进行的$close事件,所以实际上你的第二个决定是正确的.使用提交按钮的重新保护

大佬总结

以上是大佬教程为你收集整理的angularjs – 在模态关闭之前,如何在angular-ui $modal *中执行回调?全部内容,希望文章能够帮你解决angularjs – 在模态关闭之前,如何在angular-ui $modal *中执行回调?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。