对No / Cancel按钮的AngularJS确认模式自定义操作

时间:2017-02-01 12:03:02

标签: angularjs angular-ui-bootstrap

https://weblogs.asp.net/dwahlin/building-an-angularjs-modal-service

我使用上面的博客文章作为指导,在我的Angular应用程序中构建确认模式服务。如果我可能会问,是否有人知道如何修改服务以支持取消/否按钮上的自定义操作以及解除模态?

目前,代码仅支持“是”按钮上的自定义操作。我无法理解服务代码的这一部分,因此我不确定变量"结果"实际上是如何修改函数以在单击No / Cancel按钮时返回某些内容:

NSURL *url = [NSURL URLWithString:@"prefs:root=WIFI"];
if ([[UIApplication sharedApplication] canOpenURL:url]) {
   [[UIApplication sharedApplication] openURL:url];
} else {
   [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"App-Prefs:root=WIFI"]];
}

接下来是从控制器调用模态的代码。

$scope.modalOptions.ok = function (result) {
    $modalInstance.close(result);
};
$scope.modalOptions.close = function (result) {
    $modalInstance.dismiss('cancel');
};

换句话说,当我在控制器中调用模态时,如何在用户点击模态上的“否/取消”按钮后拦截流程?

我尝试过做这样的事情而且没有用。

var modalOptions = {
    closeButtonText: 'Cancel',
    actionButtonText: 'Yes',
    headerText: 'Delete',
    bodyText: 'Are you sure you want to delete this record?'
};

modalService.showModal({}, modalOptions)
.then(
    function (result) {
        //custom actions for Yes button here
    }
);

0 个答案:

没有答案