Angular中sweetalert弹框的使用详解

sweetAlert的使用

一、下载文件

Npm install angular-sweetalert

Npm install sweetalert

npm 下载angular-sweetalert时,会附带下载sweetalert,但是只能用sweetalert中的cssjs必须通过npm下载sweetalert,引入下载的sweetalert.min.js

二、版本说明

Angular V1.2.30

Angular-sweetalert V1.0.4

Sweetalert V2.1.0

因为我们项目使用的angular版本较低,所以相对应下载的angular-sweetalert版本也低。

版本一定要注意,如果angular-sweetalert版本过高,所依赖的文件angular版本过低,会导致引入报错。

三、引入文件

sweetalert/sweetalert.min.css

angular/angular.min.js

angular-sweetalert/SweetAlert.min.js

sweetalert/sweetalert.min.js

注意在app中添加依赖模块‘oitozero.ngSweetAlert’

四、使用方法

1、基础用法

swal("请选中数据再进行操作");

猜你喜欢

转载自www.cnblogs.com/le220/p/9348337.html