简介
angular-growl-2 是一个基于 AngularJS 的消息提示插件，可以方便地在应用中显示成功、错误、警告等不同类型的通知信息。它支持多个消息队列和自定义主题样式，并且易于集成到现有应用中。
安装
在使用 angular-growl-2 之前，需要先安装它。可以通过 npm 来进行安装：
npm install angular-growl-2 --save
注意，为了能够正常使用 angular-growl-2，还需要引入 Bootstrap 和 Font Awesome 这两个库。
使用
在完成安装之后，在 AngularJS 应用中添加 angular-growl-2 的依赖：
angular.module('myApp', ['angular-growl']);然后就可以在控制器中使用 $growl 服务来显示消息了。比如要在页面加载时显示一个欢迎消息：
angular.module('myApp').controller('MyController', function($scope, $growl) {
// 显示欢迎消息
$growl.success('欢迎访问我的网站！');
});angular-growl-2 支持多种类型的消息，包括 success、error、warn、info 等。可以根据实际情况选择不同的类型：
-- -------------------- ---- ------- -- -------- ------------------------ -- -------- ---------------------- -- -------- ------------------------------- -- ---------- -------------------------
除了显示简单的文本消息之外，还可以在 angular-growl-2 中添加更多自定义的选项，比如添加一个超链接：
$growl.success('Registration successful. Please <a href="/login">login</a> to continue.', {ttl: -1});配置
angular-growl-2 还支持许多配置选项，以方便开发者对消息提示的样式和行为进行定制。
比如要修改主题样式，可以通过以下方式：
-- -------------------- ---- ------- -- ------- ------------------------------------------------------- - -------------------------------------- ----------------------------------------- ---------------------------------------------- -------------------------------------------- ----------------------------------------- ---------------------------------------- ---
上述代码将全局的消息存活时间（globalTimeToLive）、唯一性检测（onlyUniqueMessages）、位置（globalPosition）等设置为不同的值。
示例代码
在下面的示例代码中，我们将演示如何使用 angular-growl-2 来显示不同类型的消息，并且自定义主题样式：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------------- ----------
---- -- --------- - ---- ------- ---
----- ---------------- ------------------------------------------------------------------------------
----- ---------------- ------------------------------------------------------------------------------------
---- -- ------- - --------------- - ---
------- ------------------------------------------------------------------------------------
------- --------------------------------------------------------------------------------------------
--------
----------------------- ------------------
-------------------------------- -
-- -------
--------------------------------------
-----------------------------------------
----------------------------------------------
--------------------------------------------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------