Question

我正在开发一个有角度的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

下

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

1 个答案: