Ionic中自定义popup写法以及点击backdrop隐藏popup的directive写法

网上提供的popup例子使用的是template，使用title、subtitle等参数来设置样式，但是这样在很多时候并不能满足我们的需求的（ionic自带样式本身就丑），所以这时候可以通过templateURL来写出我们想要的样式。

效果

原样式：

自定义后的样式（不敢说有多好看，但是至少还是有点进步的，这是之前在Windows下面截的图，其实在手机中会好很多）：

实现

一．建立一个popup.html文件，里面编写自己想要的内容与效果，由于我这里就一个标题和input框，所以代码量较少。

<style>
.popup-title{
   padding-bottom: 10px;
}
</style>
<div>请填写快速按钮标题</div>
<input type="text" />

二．在JS中调用此popup文件，代码为：