在 Angular 程序开发中，通过使用第三方库可以快速实现许多常用功能。其中一个非常实用的库是 angular-toasty，它是一个 Angular 的通知库，可以用来显示各种类型的消息，例如成功、错误、警告和一般信息。
在使用 angular-toasty 库时，需要安装相应的 TypeScript 类型定义，这就需要用到 @types/angular-toasty NPM 包。在本文中，我们将详细介绍如何安装和使用 @types/angular-toasty。
步骤一：安装 @types/angular-toasty
要在 TypeScript 中使用 angular-toasty，需要先安装 @types/angular-toasty NPM 包。可以使用以下命令安装：
npm install --save @types/angular-toasty
这条命令会自动下载并安装 @types/angular-toasty 包，同时将其添加到 package.json 文件中。
步骤二：导入 @types/angular-toasty
在 TypeScript 中，导入类型定义是非常重要的。在 Angular 应用程序中，可以使用以下代码导入 angular-toasty：
import * as toasty from 'angular-toasty';
这行代码引入了 angular-toasty 模块并将其命名为 toasty 对象。这样，我们就可以使用 toasty 对象中的任何函数和类了。
步骤三：使用 @types/angular-toasty
现在可以开始使用 angular-toasty 库了。在下面的示例中，我们将创建一个简单的通知来演示如何使用 @types/angular-toasty。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - -- ------ ---- -----------------
------------
--------- -----------
--------- -------- -------------------------- ---------------
--
------ ----- ------------ -
------ ------------ ---- -
----------------
------ -----------
---- ----- -- - ------- --------
---------- -----
-------- -----
------ -----------
---
-
-在这个示例中，我们将创建一个 showToast() 方法，并在其内部使用 toasty.success() 方法。该方法需要一个选项对象作为参数来配置通知消息。
在它内部，我们提供了标题、消息文本、是否显示关闭按钮、超时时间和主题，以便更好地控制样式。
最后，我们将 toasty.success() 方法的返回值分配给一个变量，以便以后可以使用它来在其他地方更新通知消息。
总结
在本文中，我们介绍了如何安装和使用 @types/angular-toasty NPM 包。我们解释了 TypeScript 的类型定义的重要性，并提供了一个基本的示例来展示如何使用 angular-toasty 库。
希望这个教程对你有帮助，让你更好地理解 angular-toasty 和 TypeScript 中的类型定义。这些知识对于任何使用 Angular 进行开发的人来说都是必要的，而这篇文章也提供了足够的深度和学习和指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc159b5cbfe1ea0611d86