如何在选择值后隐藏显示列表的离子模态?

时间:2015-04-21 10:17:55

标签: angularjs cordova ionic-framework ionic

我有一个离子视图,显示模态中的项目列表。一旦我选择了一个项目,我想解雇模态。我已经使用ng-controller属性将模态模板与控制器相关联。

如何解除控制器中我将获得点击事件的模态表单?

2 个答案:

答案 0 :(得分:2)

试试这个

$scope.modal.hide();

答案 1 :(得分:0)

如果您使用多个模态,请为范围变量指定不同的名称。

$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();
        };
    });

关闭与其名称相同的模态 $scope.closeExample();