如何更改通知器角度的样式并在其中添加图标

【问题标题】：how to change style of notifier angular and add an icon in it如何更改通知器角度的样式并在其中添加图标
【发布时间】：2019-07-10 06:53:00
【问题描述】：

我在我的 Angular 7 项目中使用 angular-notifier 包。我在路由器出口之前的 app.component.html 中添加了它的选择器。我在导入的 app.module.ts 中添加了它的配置。我不能改变一些风格。例如添加一个图标，或将 \n 更改为下一行等

【问题讨论】：

你能给我们指点图书馆吗？
npmjs.com/package/angular-notifier
你能提供一个Minimal, Reproducible Example吗？

标签： angular angular7 notificationservices

【解决方案1】：

尝试使用 mdbootsatap 包

 <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
          <div class="toast-header">
            <svg class=" rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"
              focusable="false" role="img">
              <rect fill="#007aff" width="100%" height="100%" /></svg>
            <strong class="mr-auto">Bootstrap</strong>
            <small class="text-muted">11 mins ago</small>
            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="toast-body">
            Hello, world! This is a toast message.
          </div>
        </div>

【讨论】：