0

我是 Angular 框架的新手。当我尝试使用 Angular 7 版创建 HTML 模板时，我遇到了关于 javascript 库的问题。我的模板有很多页面，例如主页，关于，产品等...在主页上，我需要使用 jquery.slidey.js 库显示幻灯片。我正在使用脚本标签将库添加到 home.component.html 但未加载该库。所以问题是如何将外部 javascript 添加到特定的 Angular 组件中。提前致谢

你可以在我的 GitHub 源代码中查看我的所有源代码

4

3 回答 3

0

这就是我解决它的方法。

索引.html

<head>
 ...
 <link rel="icon" type="image/x-icon" href="favicon.ico">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

主页组件.ts

 import { Component, OnInit } from '@angular/core'
 declare var $: any;


export class HomeComponent implements OnInit {

  constructor(private appService: AppService) { }

  ngOnInit() {
  }

  doSomething() {
    $("p").hide(); //example
  }

}
于 2019-02-20T06:10:54.303 回答
0

首先，安装这个包npm install jquery-slider

现在，打开angular.json文件并添加以下样式和脚本。

"styles": [ "./node_modules/jquery-slider/..CSS File Path", ], "scripts": [ "./node_modules/jquery-slider/...JS File Path" ]

于 2019-02-20T06:17:17.393 回答
0

看到这个。该链接显示了如何安装、设置和将 JQuery 库导入 Angular 项目，其中包含您可以轻松遵循的详细信息和图像。底部还有一个工作演示。

于 2019-02-20T01:55:32.510 回答