介绍
ember-growl-notification 是一种用于实现通知的 Ember.js 插件。它可以轻松地将 Growl 通知添加到你的 Ember.js 应用程序中。如果你正在寻找一种快速、灵活、可定制的通知解决方案，那么 ember-growl-notification 是你的不二选择。
安装
安装 ember-growl-notification 非常简单。只需在你的 Ember.js 应用程序中运行以下命令：
ember install ember-growl-notification
这个命令将自动安装 ember-growl-notification 并将其添加到你的 package.json 文件中。
使用
基本用法
ember-growl-notification 的基本用法非常简单。你只需要在你的控制器或组件中使用以下代码：
this.growl.success('Hello!');这将在页面的左上方显示一个默认的成功通知。同样，你可以使用以下代码来显示一个错误通知：
this.growl.error('Oops!');自定义设置
ember-growl-notification 允许你自定义通知的各个部分，包括通知类型、位置、颜色、动画等。你只需要在你的 config/environment.js 文件中指定相应的设置：
-- -------------------- ---- -------
--- --- - -
------ -
--------- ------------
-------- -----
----- ---------
---------- -----
-------- ---
------------------ ----
---------- --------- ----------
------------- -----
------ -
-
--上述代码指定了通知的各个设置，包括位置、时间、类型等。你可以根据自己的需求进行相应的修改。
在组件中使用
如果你需要在组件中使用 ember-growl-notification，你需要将 ember-growl-notification 注入到你的组件中。你可以使用以下代码将其注入到你的组件中：
-- -------------------- ---- -------
------ - ------ -- ------- - ---- -----------------
------ ------- ------------------
------ ----------
-------- -
----------- -
--------------------------
-
-
---在上面的代码中，我们将 ember-growl-notification 注入到了组件中，并创建了一个名为 showError 的操作。当我们在组件中调用 showError() 时，它将显示一个错误通知。
示例代码
下面是一个简单的示例代码，其中包含了 ember-growl-notification 的使用方法和自定义设置。
-- -------------------- ---- -------
------ ---------- ---- --------------------
------ ------- -------------------
-------- -
------------- -
---------------------------- -
----- ----------
------------------ ----
---
--
----------- -
------------------------- -
----- --------
------------------ ----
---
-
-
---总结
在本文中，我们介绍了如何使用 ember-growl-notification 实现通知功能，并讨论了如何自定义通知的各个部分。我们还提供了示例代码，帮助你更好地理解 ember-growl-notification 的使用方式。
如果你想要进一步学习关于 ember-growl-notification 的使用和定制，请查阅官方文档或在官方论坛中参与讨论。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600563ee81e8991b448e13e4