如何在 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';

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

Answer 1

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

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

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

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

此外，请注意 angular.json 中有 2 个 "scripts" 条目，确保将其添加到 build.options.scripts

下

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

How to import external jquery file in component of angular 6?

jquery-plugins

angular