我正在使用angular ui引导桥库开发angular和bootstap。我想实现的是重用模态组件,并将其封装在一个承诺中,当模态成功关闭(按下OK
按钮时)或被拒绝(按下或单击模态之外的cancel
按钮时),该承诺将得到解决。
据我所见,有一个来自网桥库的$modal
服务,它只有一个可用的方法:open(options)
。还有内置的angular promise实现:$q
。我正在想办法把两者结合起来。
我想要一个自定义组件(服务、工厂?),它将提供一个返回promise的startFlow
方法。调用startFlow
也将打开引导模式。当模态关闭(积极或消极)时,承诺可能会被解决或拒绝。
有人能提示一下如何实现吗?到目前为止,我还没找到一个现有的解决方案。。。
open
返回的对象的result
属性是一个承诺,其行为与您描述的完全一样。事实上,文档中的示例位于https://angular-ui.github.io/bootstrap/#/modal使用它:
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
size: size,
resolve: {
items: function () {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
可以看到它在这个Plunker中工作http://plnkr.co/edit/ro5Dnkg0p9wYWlMCRqlN?p=preview