Как настроить угловые флеш-сообщения

Question

Я использую angular-2-flash-messages в своем угловом проекте вместе с угловым материалом. Кажется, у меня проблема при использовании его в приборной панели угловых материалов.

Это , как выглядит

Вот так я использую флэш-сообщение

this.flashMessage.show('You have successfully logged in', {cssClass: 'alert-success', timeout: 50000});

Я пытался переместить содержимое сообщения флэш-сообщения в центр с помощью css, но они не работают. С ним работает только начальная загрузка «alert-success» или «alert-danger».

В одной из проблем в github хранилище владелец ответил на настройку css, но все попытки не увенчались успехом.

Как мне центрировать содержимое сообщения?

Answer 1

А как насчет отображения флеш-сообщений в центральном теге HTML?

Как это:

<center>
   <flash-messages></flash-messages>
</center>

Но вам нужно применить стиль начальной загрузки к родительскому тегу

<div class="alert alert-success">
   <center>
      <flash-messages></flash-messages>
   </center>
</div>

и не передают классы css с функцией show .