angular - 如何在angular 6组件中导入外部jquery文件？

Question

我正在开发一个angular 6项目。
我在导入外部jquery文件（bootstrap-select.min.js）时遇到一个问题。
我已经使用npm install命令安装了所有的jquery文件以及bootstrap-select jquery插件。
而且我在index.component.ts中包括了这样的bootstrap-select：

import { Component, OnInit, AfterViewInit } from '@angular/core';
import * as $ from 'jquery';
import 'jqueryui';
import 'bootstrap-select';

当第一个项目加载时，它正在工作。
但是当我单击任何链接然后返回此页面时，它不起作用。
什么原因。请帮我。谢谢

Answer 1

如果您查看angular.json，将找到一个scripts属性。应该看起来像这样：

"scripts": [
  "node_modules/jquery/dist/jquery.js",
  "node_modules/bootstrap/dist/js/bootstrap.js"
]

尝试在其中添加 bootstrap-select.js并重新启动您的angular-cli webpack开发服务器，看看是否可以解决该问题。

确保它在任何依赖项之后出现在列表中。

另外，请注意 angular.json中有2个“脚本”条目，请确保将其添加到 build.options.scripts