更改 angular 组件中的通知图标

Question

我在 angular

中集成了一个通知插件

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

如何更改该图标？

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.

更改 angular 组件中的通知图标

Changing the notification icon in angular component

angular

angular4-forms