在Ionic App中创建自定义弹出窗口

Question

我尝试在我的Ionic App中创建自定义Popup，我尝试使用Ionic CSS进行修改以完全满足我的要求，但不会取得成功。请帮助我或建议我，如果有任何第三方CSS可用，我可以编辑并完全满足我的要求。

建议设计

Answer 1

查看离子ModalController它可用于创建自定义弹出窗口以及自定义模板，而非自定义Alert Controller。您所要做的就是使用ionic generate page <pageName>创建一个普通的离子页面，然后使用ModalController对模板进行膨胀并向用户显示弹出窗口。阅读this主题以创建符合您要求的完全弹出式弹出窗口。 This是如何向模型添加动画的。

constructor(public modalCtrl: ModalController) {
}

let profileModal = this.modalCtrl.create(Profile);
profileModal.present();