简介
ewancoder-angular-notify 是一个 AngularJS 模块，为开发者提供了方便的通知组件来改善前端的用户体验。该组件支持多种通知类型，包括成功、失败、警告等响应类型，并可以自动关闭。
安装
使用 npm 安装该包：
npm install ewancoder-angular-notify
然后将安装文件引入你的 html 文件中：
<script src="node_modules/ewancoder-angular-notify/angular-notify.min.js"></script>
将组件添加到你的应用中：
var app = angular.module('myApp', ['cgNotify']);完成安装。
使用
该组件支持多种设置，包括位置和时间，你可以根据你的需要在页面上进行任何样式更改，并可以选择组件的发生位置，例如您可以选择在顶部显示通知栏，底部显示通知栏或右上角显示通知栏.
设置位置
下面是设置如何在页面上设置通知区域的一个示例：
angular.module('myApp')
.config(function(cgNotifyProvider){
cgNotifyProvider.setOptions({
position: 'top-right',
delay: 3000,
templateUrl: 'angular-notify.html'
});
});position：可以是top、bottom、left、right，可以组合供选择，例如top-right。delay：在多少秒后关闭通知。templateUrl：通知模板的地址。
创建通知
你可以使用以下通知类型之一： error、warning、success、info。
以下是创建通知的示例：
angular.controller('myController', function($scope, notify) {
notify({
message: 'This is an error',
classes: 'alert-danger'
});
});这是一个创建错误通知的示例。在这里，我们定义了这个通知的内容和它的类，以便在页面上更改通知的样式。
示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------------------------- ----------
----- ---------------------------------------------------------------------- -----------------
------- ------------------------------------------------------------------------------
------- ----------------------------------------
--------
--- --- - ----------------------- --------------
--------------------------------------
-----------------------------
--------- ------------
------ -----
------------ ---------------------
---
---
------------------------------ ---------------- ------- -
---------------- - ---------- -
--------
-------- ----- -- -- -------
-------- --------------
---
--
------------------ - ---------- -
--------
-------- ----- -- - ---------
-------- ---------------
---
--
--------------- - ---------- -
--------
-------- ----- -- -- ------
-------- ------------
---
--
------------------ - ---------- -
--------
-------- ----- -- - ---------
-------- ---------------
---
--
---
---------
-------
----- -------------- -----------------------------
---- ---------------- -------------
---- ------------------
---------------------------- -------
-------------------------
------
---- ------------
---- ------------------
------- ---------- ----------- ----------------------------------
------- ---------- ------------ ------------------------------------
------- ---------- --------- ---------------------------------
------- ---------- ------------ ------------------------------------
------
------
------
------- ----------------------- -------------------------
---- ------------- ----- ----------------- -- ------------------------------
---- --------------
----------------
------
---- ----------------
------------------
------
---- ------------------ -----------------------------------
----- ---------------- -------------------------
------
------
---------
-------
-------结论
ewancoder-angular-notify 是一个非常实用且易于使用的通知模块，可以方便地为您的网站增加一些必要的用户通知功能，具有大量的便于学习和使用的特性和设置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c0a81e8991b448d9a9f