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

Question

我有一个以角度

集成的通知插件

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

如何更改该图标？

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

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 code.

中的图标进行了更改

Check out their docs for full info