angular - 更改角度组件中的通知图标

Question

我有一个集成在 Angular 中的通知插件

目前它显示错误、成功、警告等不同的图标...

我怎样才能改变那个图标？

https://stackblitz.com/edit/angular2-notifications-example

标签： angularangular4-forms

Answer 1

您可以简单地配置angular2-notifications.

示例代码：

// In NgModule, where you're importing the module.
SimpleNotificationsModule.forRoot( {
      icons: {
        success: '<i class="icon-check-sign icon-3x"></i>',
        alert: '<i class="icon-exclamation icon-3x"></i>',
        error: '<i class="icon-bug icon-3x"></i>',
        info: '<i class="icon-info icon-3x"></i>',
        warn: '<i class="icon-warning-sign icon-3x"></i>'
      }
 })

注意：在这个例子中，我使用的是 FontAwesome 3.2.1 的图标

我已经更改了stackblitz 代码中的图标。

查看他们的文档以获取完整信息。