Angular中sweetalert弹框的基本使用教程

来源：动视网责编：小采时间：2020-11-27 22:11:12

Angular中sweetalert弹框的基本使用教程

Angular中sweetalert弹框的基本使用教程:前言最近太忙了，项目中使用的弹框老板嫌太丑，让我们优化一下，我在网上找了一下，找到了sweetalert弹框，算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中，在项目中引入sweetalert时，遇到诸多问题，但最终在我不懈坚持下，都解决了，实现了

推荐度：

点击下载本文 文档为doc格式

导读Angular中sweetalert弹框的基本使用教程:前言最近太忙了，项目中使用的弹框老板嫌太丑，让我们优化一下，我在网上找了一下，找到了sweetalert弹框，算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中，在项目中引入sweetalert时，遇到诸多问题，但最终在我不懈坚持下，都解决了，实现了

2、API问题

在这个版本中以下写法只能实现title和text的效果，其他属性都不起作用

swal({
 title: "确定删除吗？",
 text: "你将无法恢复该虚拟文件！",
 type: "warning",
 showCancelButton: true,
 confirmButtonColor: "#DD6B55",
 confirmButtonText: "确定删除！",
 closeOnConfirm: false
 },
 function(){
 swal("删除！", "你的虚拟文件已经被删除。", "success");
 });

在这个版本中只能按照我最上面所列举的去实现，那是我在官方英文文档中发现的，中文文档太坑了。

官方文档：https://sweetalert.js.org/docs/

总结

Angular中sweetalert弹框的基本使用教程

推荐度：

点击下载本文 文档为doc格式

标签：使用方法使用的 angular

热门焦点

Angular中sweetalert弹框的基本使用教程

Angular中sweetalert弹框的基本使用教程

Angular中sweetalert弹框的基本使用教程

最新推荐

猜你喜欢

热门推荐