css - ionicPopup 点击关闭

Question

我有一个在时间限制内关闭的工作 ionicPopup。是否可以在屏幕上的任意位置单击/双击关闭它？我知道我可以设置一个关闭按钮，但这并不是我真正需要的。我需要一个简单的关闭方法，我认为点击屏幕更实用。

代码:

  var errorPopup = $ionicPopup.show({
     scope: $scope,
     title: 'Unexpected Error',
     templateUrl: 'error.html'
    });

  $timeout(function() {
   errorPopup.close();
  }, 3000);
}

还有一个问题，我的 html 代码中有一堆超链接标签。但是当我运行我的应用程序时，ionic 会在每个超链接周围放置一个 1px 的边框。是否有可能以某种方式删除“”标签边框。我知道它应该是一个 CSS 的东西，但我不想修改原来的 ionic 样式，但更愿意用另一个覆盖那个部分。有没有大师可以提供帮助？

解决方案:(Link)

<div class="col text-center">
  <a class="item dash-link" id="link" href="#" onclick="window.open('http://www.example.com', '_blank', 'location=no'); return false;">
  <img ng-src="img/icons/example.png" height="80" width="80"></a>
  <br>
  GMail
</div>

CSS:

#link {
    text-decoration:none;
    border:0;
    outline:none;
}

Answer 1

This is a service实现此行为。

安装

用凉亭安装

$ bower install ionic-close-popup

在您的应用的依赖项中包含 ionic.closePopup 模块:

angular.module('app', ['ionic', 'ionic.closePopup'])

用法

将新创建的弹出窗口注册到 closePopupService 服务:

 var alertPopup = $ionicPopup.alert({
      title: 'Alert popup',
      template: 'Tap outside it to close it'
 });
 IonicClosePopupService.register(alertPopup);