Невозможно отобразить сообщение Toast в Angular 5 - PullRequest
Новая
       10

Невозможно отобразить сообщение Toast в Angular 5

0 голосов
/ 23 октября 2018

Здравствуйте, я разрабатываю веб-приложение на Angular 5. Я пытаюсь отобразить всплывающее сообщение на Angular 5, используя https://www.npmjs.com/package/ngx-toastr. Я скачал необходимые модули npm и скопировал css в папку assets.Также я добавил

import {ToastrModule} из 'ngx-toastr';

в app.component.ts.

Я пытаюсь отобразить тостовое сообщение как

this.toastr.success ('Hello world!', 'Toastr fun!');

Когда я запускаю свое решение, я получаю ошибку ниже.

enter image description here

Когда я запускаю npm install, я получаю следующие предупреждения:

enter image description here Может кто-нибудь помочьмне выяснить проблему?Любая помощь будет оценена.Спасибо.

enter image description here

1 Ответ

0 голосов
/ 23 октября 2018

Убедитесь, что вы импортировали ToastrModule в app.module.ts

import {ToastrModule} from 'ngx-toastr';

в свой компонент, вам нужно импортировать провайдер 

import { ToastrService } from 'ngx-toastr';

инжектор в конструкторе как DI 

constructor(public toastr: ToastrService) {}

И вы можете вызвать его как 

this.toastr.success(message, 'Success!');

РЕДАКТИРОВАТЬ

Вам нужноПерейдите в Angular6, чтобы он заработал.Проверьте соответствующую проблему here

...