问如何在Angular应用程序中启用Bootstrap4工具提示

EN

我正在尝试在使用Angular CLI构建的Angular应用程序中使用Bootstrap4工具提示。

Bootstrap4 alpha文档指出，我需要运行此命令才能启用工具提示：

$(function () {
    $('[data-toggle="tooltip"]').tooltip()
})

因此，我在app.component.ts中添加了一个ngAfterViewInit()函数来完成此操作：

ngAfterViewInit() {
    $('[data-toggle="tooltip"]').tooltip();
}

在app html文件中包含以下内容：

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Hi there!">
    Tooltip Test
</button>

当鼠标悬停在按钮上时，我确实看到了一个工具提示，但这只是一个普通的浏览器工具提示，而不是Bootstrap4工具提示。

在运行时，我得到以下错误：

ERROR ReferenceError: $ is not defined

将此行添加到组件不会有任何帮助。

declare var $: any;

我已经仔细检查了jquery、tether和boostrap js文件是否按该顺序包含在项目angular-cli.json文件的脚本部分中。

有什么建议可以让我这样做吗？

谢谢!