ionicPopup关闭点击

时间:2017-04-04 11:47:25

标签: css angularjs ionic-framework

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

代码:

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

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

另一个问题是,我的html代码中有一堆超链接标记。但是,当我运行我的app离子时,在每个超链接周围放置一个1px边框。是否有可能以某种方式删除""标签边框。我知道它应该是一个CSS的东西,但我不想修改原始的离子样式,但更愿意用另一个覆盖该段。那里的任何大师都可以提供帮助吗?

解决方案:(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;
}

1 个答案:

答案 0 :(得分:0)

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);