如何隐藏选择值后显示列表的离子模式？答案

【问题标题】：How to hide a ionic modal that shows a list after selecting a value?如何隐藏选择值后显示列表的离子模式？
【发布时间】：2016-11-25 16:31:09
【问题描述】：

我有一个离子视图，它以模式显示项目列表。一旦我选择了一个项目，我想关闭模式。我已使用 ng-controller 属性将模态模板与控制器相关联。

如何关闭控制器内的模态表单，我将在其中获取点击事件？

【问题讨论】：

标签： angularjs cordova ionic-framework ionic

【解决方案1】：

这样试试

$scope.modal.hide();

【讨论】：

它有效。但是否因为我将模式的 $scope 设置为与当前控制器的范围相同？如果我想为模态创建新的范围怎么办？
它之所以有效，是因为您将实例保存在 $scope.modal=modal 中。无论您想使用什么范围。你将持有这样的模态实例。
如何将所选项目从模态的控制器传递给打开模态的控制器？
你说的是包含 modal 的新指令吗？

【解决方案2】：

如果您使用多个模式，请为范围变量指定不同的名称..

$ionicModal.
    fromTemplateUrl('example.html', {
        scope: $scope,
        animation: 'slide-in-up'  }).
    then(function(modal) {
        $scope.exmapleModal = modal;
        $scope.exmapleModal.show();
        $scope.closeExample = function() {
            $scope.exmapleModal.hide();
            $scope.exmapleModal.remove();
        };
    });

关闭同名的modal $scope.closeExample();

【讨论】：