当我 select 一个选项时，离子弹出窗口不会关闭

Question

当按钮 clicked.When 单击列表中的项目时，会显示带有列表编辑的弹出窗口，模型 opens.I 需要在模型打开时关闭弹出窗口，但它不起作用。

$scope.showPopup = function() {
    $scope.data = {}

    $scope.myPopup = $ionicPopup.show({
        template: '<div class="list padding" ng-click="edit()">Edit</div>',
        cssClass: 'custom-class',
        scope: $scope,
    });
};
$scope.hidePopup = function() {
    $scope.myPopup.close();
}

$ionicModal.fromTemplateUrl('templates/modal.html', {
    scope: $scope
}).then(function(modal) {
    $scope.modal = modal;
});
$scope.openModal = function() {
    $scope.hidePopup();
    $scope.modal.show()
}
$scope.closeModal = function() {
    $scope.modal.hide()
}

$scope.edit = function() {
    console.log(56646);
    $scope.hidePopup();
    $scope.openModal();

};
$scope.update = function(item) {
    $scope.closeModal
    console.log(item);
}

请帮帮我？

Answer 1

您需要在打开模型时使用 $timeout。

$scope.showPopup = function() {
$scope.data = {}

$scope.myPopup = $ionicPopup.show({
    template: '<div class="list padding" ng-click="edit()">Edit</div>',
    cssClass: 'custom-class',
    scope: $scope,
});
};
$scope.hidePopup = function() {
    $scope.myPopup.close();
}

$ionicModal.fromTemplateUrl('templates/modal.html', {
    scope: $scope
}).then(function(modal) {
    $scope.modal = modal;
});
$scope.openModal = function() {
    $scope.hidePopup();
    $scope.modal.show()
}
$scope.closeModal = function() {
    $scope.modal.hide()
}

$scope.edit = function() {
    console.log(56646);
    $scope.hidePopup();
    $timeout(function(){
        $scope.openModal();
    })

};
$scope.update = function(item) {
    $scope.closeModal
    console.log(item);
}

当我 select 一个选项时，离子弹出窗口不会关闭

Ionic popup not closing when i select an option

popup

ionic