Question

我想在Angular 7应用程序中使用bootstrap-notify。

为此，我已经安装了bootstrap-notify软件包（以及@types/bootstrap-notify）。

在我要使用通知的组件中，我导入了jQuery服务，如下所示：

import * as $ from 'jquery';

现在称为notify，如文档中的here所述：

$.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文件/链接以查看其实际样式。

有时会引发错误，但是如果您在代码中添加一些空格并保存，它将表现正确。