javascript – 使用Sweetcript与Typescript类

2019-05-19 11:27:35 阅读：197 来源： 互联网

我在typescript类中有一个方法,看起来像这样

    var confirmation = confirm("Run Agent Job?");
    if (confirmation) {
        console.log('yes');
    } else {
        console.log('no');
    }

我正在尝试将其转换为使用Sweet Alert,所以在方法中我只是把它.但是Typescript不承认这个它会抛出一个找不到名字的swal

swal("hello");

我已经导入甜蜜警报如下

<link href="~/Content/css/sweetalert.css" rel="stylesheet" />
<script src="~/Scripts/sweetalert.min.js"></script>

我究竟做错了什么？如果我尝试在一个简单的* .js文件中使用swal(),它将正常工作.只有当它在* .ts文件中时才会出现.

解决方法:

打字稿

我通过以下方式使用typescript.在.ts文件的顶部使用：

import * as swal from 'sweetalert';

然后使用这样的功能

swal({
  title: "Are you sure?",
  text: "You will not be able to undo this action",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: true
},
confirmed => {
   if(confirmed) {
       // Do what ever when the user click on the 'Yes, delete it' button
   }
});

您可以在docs中找到更多示例.

通过npm和打字安装

我通过npm安装了sweetalert包

npm install sweetalert --save

和打字

// the old way
typings install dt~sweetalert --save --global 

// new way
npm install --save @types/sweetalert

在此之后,请确保已在index.html中包含js和css文件.

如果您收到以下错误

swal(..) is not a function

那么你还没有正确地包含js文件.

对于aurelia CLI用户

您可以将以下内容添加到aurelia.json中.

      {
        "name": "sweetalert",
        "path": "../node_modules/sweetalert",
        "main": "dist/sweetalert.min",
        "resources": [
          "dist/sweetalert.css"
        ]
      },

并在app.html中使用

<require from="sweetalert/dist/sweetalert.css"></require>

标签：jquery,javascript,sweetalert
来源： https://codeday.me/bug/20190519/1134644.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 使用Sweetcript与Typescript类