ng-notify 是一个 AngularJS 的通知服务，可以用于在应用程序中显示各种信息和消息。本文将介绍如何使用该 npm 包，并提供示例代码。
安装
要使用 ng-notify，首先需要安装它。可以通过 npm 进行安装：
npm install ng-notify --save
引入
在 AngularJS 应用程序中引入 ng-notify：
angular.module('myApp', ['ngNotify']);使用
可以在控制器或其他服务中注入 ngNotify 服务：
angular.module('myApp')
.controller('myController', function ($scope, ngNotify) {
ngNotify.set('Hello, world!');
});set() 方法用于显示一条通知消息，它接受两个参数：消息内容和选项对象。例如，要设置通知的类型为成功并指定其显示时间为 5000 毫秒：
ngNotify.set('操作成功！', {type: 'success', duration: 5000});ng-notify 支持以下类型的通知：
infosuccesswarnerror
还可以自定义通知类型和样式。
配置
ng-notify 可以进行配置以满足特定的需求。以下是默认配置：
-- -------------------- ---- -------
-
------ -------
--------- ---------
--------- -----
----- -------
------- ------
------- ------
----- -----
-要更改配置，可以在应用程序中注入 ngNotifyProvider 并调用 set() 方法：
-- -------------------- ---- -------
-----------------------
---------------- ------------------ -
----------------------
------ ------------
--------- ------
--------- -----
----- ----------
------- -----
------- -----
----- ----
---
---示例代码
以下是一个简单的示例，演示如何使用 ng-notify 在 AngularJS 应用程序中显示通知消息。
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- ------------
----- ---------------- ------------------------------------------------------------
-------
----- -----------------------------
------- ----------------------------- ------- ---------------------
------- --------------------------- ----- ---------------------
------- ------------------------------------------------------------------------------
------- -------------------------------------------------------------------
--------
----------------------- -------------
--------------------------- -------- -------- --------- -
------------------ - -------- -- -
--------------------- ------ ------------
--
---------------- - -------- -- -
--------------------- ------ ----------
--
---
---------
-------
-------通过阅读本文，您应该已经学会了如何使用 ng-notify 在 AngularJS 应用程序中显示通知消息，并且也能够对这个 npm 包进行一些基本的配置和自定义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/35934