引导程序 3.3.7 工具提示在 Angular 4 应用程序中无法正确显示

Question

我正在处理一个 Angular 4.2 项目并实现 bootstrap 3.3.7 工具提示，但我的工具提示显示为纯文本，而不是"bootstrap"工具提示。我已经安装了Jquery和bootstrap(它也有工具提示.js(。我也在angular-cli.json中导入bootstrap css和js文件。但不知何故，工具提示无法正确显示。
我尝试执行下面的代码行，
$('[data-toggle="tooltip"]').tooltip();

它按预期工作。
以下是我的 angular-cli.json 文件

` "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/toastr/build/toastr.min.css",
    "styles.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/toastr/build/toastr.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"
  ],`

我的问题是：为什么 Angular 忽略引导工具提示.js文件。尽管当我检查 vendor.bundle.js 文件时，我确实看到工具提示.js文件已下载。为什么我需要显式调用 tooltip(( 函数来获取引导工具提示？

Answer 1

这与 Angular 无关，但与 Bootstrap 本身有关：

出于性能原因，工具提示和弹出框数据 API 是选择加入的， 这意味着您必须自己初始化它们。

更多信息请见"选择加入功能"。

Answer 2

我想出了这个问题。问题出在引导上，因为它需要jquery是全局的。所以我现在很好。