Ionic2中集成第三方控件Sweetalert

Ionic2混合开发，入坑系列：Ionic2中集成第三方控件Sweetalert

注：Sweetalert2已经可以直接从npm中下载安装 npm install --save sweetalert2，以下是集成sweetalert1

1、安装Typings

在命令行中输入：npm install -g typings

安装完成后，在命令行中输入：typings --version

2、在typings文件夹中创建一个*.d.ts文件，代码如下：

/*** 第三方库sweetalert声明文件* * @author dane* * @interface SwalStatic*/
interface SwalStatic {/*** A basic message* simple:swal("Here's a message!")*/(content: string);/*** A title with a text under* simple:swal("Here's a message!", "It's pretty, isn't it?")*/(content: string, description: string);/*** A success message!* simple:swal("Good job!", "You clicked the button!", "success")*/(content: string, description: string, type: string);/*** A warning message, with a function attached to the "Confirm"-button...* simple:http://t4t5.github.io/sweetalert/*/(options: any, fn?: any);
}declare var swal: SwalStatic;

3、编写引用 /// <reference path="sweetalert/index.d.ts" />

4、在declarations.d.ts文件中放置引用，然后就可以直接使用，例子：

    swal({title: '<strong>您是否退出应用？</strong>',text: '您自定义的内容',type: "warning",showCancelButton: true,animation: 'slide-from-top',cancelButtonText: "取消",confirmButtonText: '退出应用',html: true}, (isConfirm) => {if (isConfirm) {this.platform.exitApp(); //退出平台
      }});

转载于:https://www.cnblogs.com/xhh-lite/p/6484837.html

Ionic2中集成第三方控件Sweetalert相关推荐

delphi中的第三方控件如何安装（转）
最佳答案由于组件提供的方式不同,所以安装的方法也是不一样的,下面就目前常见的各种形式的组件的安装方法介绍一下. 1只有一个DCU文件的组件.DCU文件是编译好的单元文件,这样的组件是作者不想把源码 ...
delphi中的第三方控件如何安装
由于组件提供的方式不同,所以安装的方法也是不一样的,下面就目前常见的各种形式的组件的安装方法介绍一下. 1只有一个DCU文件的组件.DCU文件是编译好的单元文件,这样的组件是作者不想把源码公布. ...
在delphi中引用第三方控件时，找不到dcu的解决办法
好久没有使用delphi7来编程了,由于以前的一个项目需要升级,今天又重拾delphi7.不得不说在当时delphi真的好强,可惜了borland,它曾经是我心中的英雄,编程的首选.闲话少说步入正题. ...
React-Native开发中常用的第三方控件持续更新
2023.03.22更新 React Native ECharts 项目是一个开源的库,用于在 React Native 应用程序中创建交互式图表.通过用户友好的设计和简单的 API,开发者可以创建各 ...
delphi使用第三方控件
第三方控件安装时必须把所有的pas,dcu,dpk,res等文件复制到你的Lib目录下然后通过dpk进行安装安装后会多出来新的控件面板,新控件就在那里了当然也有一些控件会安装到原有的面板上比如 ...
WPF第三方控件盘点
WPF统一的编程模型.语言和框架,实现了界面设计人员和开发人员工作可以分离的境界,鉴于WPF强大的优势,且一直是开发者关注的地方,下面和大家分享基于WPF项目开发需要用到的第三方控件,包括业界最受好评 ...
Android引用RN第三方控件，Android和RN互调方式，最近开发心得
"有人住高楼,有人在深沟,有人光万丈,有人一身锈,世人万千种,浮云莫去求,斯人若彩虹,遇上方知有." 时隔四季,我重新开始了我的文章更新,so do you miss me? 前言 ...
在 .NET Compact Framework 2.0 中宿主 ActiveX 控件
适用于: ActiveX Microsoft .NET Compact Framework 版本 2.0 摘要:了解如何在使用 .NET Compact 的应用程序中宿主 ActiveX 控件.本文提 ...
在 ASP.NET MVC 中使用 Chart 控件
在 .NET 3.5 的时候,微软就提供了一个 Chart 控件,网络上有大量的关于在 VS2008 中使用这个控件的文章,在 VS2010 中,这个控件已经被集成到 ASP.NET 4.0 中,可以 ...

Ionic2中集成第三方控件Sweetalert

Ionic2中集成第三方控件Sweetalert相关推荐

最新文章

热门文章