2017-01-03 5 views
0

Я пытаюсь получить toastr предупреждающие сообщения в стиле работы с Bootstrap 4 и угловыми 2 и текущие пакеты, которые я установил только работать с Bootstrap 3.Угловые 2 Alerts, которые работают с Bootstrap 4, подобно Toastr

ИНТЕРЕСОВАТЬ если кто-то успел получить пакет предупреждений, работающий с Angular 2 и Bootstrap 4?

Все они работают, насколько отправки оповещений на экране и исчезают, но без какого-либо стиля, как используются неправильные классы ,

Я использую Bootstrap 4, а также ng-bootstrap в этом проекте.

Un-Styled Toaster Message

+0

Насколько я знаю ... Toastr не зависит от начальной загрузки. У Toastr есть собственные CSS и файлы JavaScript. Вам просто нужно правильно ссылаться на ваш угловой проект. – 12seconds

ответ

1

Спасибо 12seconds для входа выше, я просто работал, что за себя, используя NG2-поджаренный.

Я использую webpack, и я предположил, что CSS импортируется автоматически, я решил скопировать таблицы стилей из node_modules\ng2-toasty в свою собственную папку assets\ng-toasty и поместить ссылки в index.html.

Моя проблема решена.

<link rel="stylesheet" href="assets/ng2-toasty/style.css" /> 
<link rel="stylesheet" href="assets/ng2-toasty/style-bootstrap.css" /> 

enter image description here