如果按确定,如何修复模式窗口

时间:2019-06-25 11:24:44

标签: angularjs angular-ui-bootstrap

我创建了一个模态,该模态具有两个按钮功能,即“确定”和“取消”,取消模态的onclick将会关闭,但是如果我尝试通过单击其未关闭来关闭。

我尝试使用$ uibModalInstance.dismiss()通过单击“确定”来关闭模式窗口

$scope.deleteSample = (x) => {
    $http.delete(`/api/sample/${x.sysPk}`)
        .then(resp => {
            loadSamples()
        }, error => {
            console.error('Error in updating', error)
            alert("unable to update")
        })
    $uibModalInstance.dismiss()
}

我希望能在确定按钮模式上被点击

1 个答案:

答案 0 :(得分:0)

您可以使用$ uibModal.open()返回的promise。您可以将其存储在$ scope中,如下所示:

$scope.instance = $uibModal.open({ 
templateUrl: 'template.html',
  controller: 'modalCtrl',
  controllerAs: '$ctrl'
  .......
})

然后使用close()函数关闭弹出窗口:

$scope.instance.close();

代替$ uibModalInstance.close。