如何使用AngularJS单击按钮打开Jquery Bootstrap Confirm Box

时间:2014-05-23 14:09:44

标签: angularjs twitter-bootstrap

我是AngularJS的新手,所以不知道这件事。我要求我有jQuery bootstrap库。我想打开那个bootstrap confirmmbox,当我点击一个按钮并基于ok并取消想要采取进一步行动但是想要使用AgularJS打电话

1 个答案:

答案 0 :(得分:1)

首先,如果你想要使用angular,尽量不要使用jQuery功能,除非它是最后的手段。

为了达到你想要的效果,你需要编写一个处理确认框的角度指令,然后在需要确认的地方使用它。该指令可以设置为进一步处理ok和取消操作。类似的东西可能会给你一个说明点。

app.directive('ngConfirm', [
    function(){
        return {
            restrict: 'A',
            link: function (scope, element, attrs) {
                element.bind('click',function () {
                    var message = attrs.ngConfirmMessage || "Are you sure?"
                    if (message && confirm(message) ) {
                        scope.$apply(attrs.ngConfirm)
                    }
                });
            }
        };
}])

然后在html中

<tag ng-Confirm-Message="Some message" ng-Confirm="someAction()"></tag>