Использование начальной загрузки-уведомления с Angular 7

Question

Я хотел бы использовать bootstrap-notify в своем приложении Angular 7.

Для этого я установил пакет bootstrap-notify (а также @types/bootstrap-notify).

В моем компоненте, откуда я хочу использовать уведомления, я импортировал службу jQuery следующим образом:

import * as $ from 'jquery';

А теперь называется notify, как описано здесь в документации:

$.notify({
    // options
    message: 'Hello World' 
},{
    // settings
    type: 'danger'
});

Проблема в том, что я получаю эту ошибку:

ERROR in src/app/home/home.component.ts(28,7): error TS2339: Property 'notify' does not exist on type 'JQueryStatic'.

Есть идеи, как заставить это работать? Я не смог найти ни одного примера Angular (5/6/7), который использует этот пакет!

Answer 1

Вы можете попробовать следующее.

1) Первое определение типа установки для jquery:

npm install @types/jquery

2) Затем в файле компонента импортируйте jquery, уведомляйте и используйте их.

import * as $ from 'jquery';
import 'bootstrap-notify';

$[`notify`](....);

3) наконец, вам также нужно добавить css файл / ссылку, чтобы увидеть его фактический стиль.

демо https://stackblitz.com/edit/angular-custom-alert-message-hqrysq?file=app%2Fapp.component.ts

иногда выдает ошибку, но если вы добавите несколько пробелов в код и сохраните его, он будет работать правильно.