如何在特定组件（如Html和css）中导入javascript文件？

`

---

这是我的index.html文件在角度组件中的部分代码。我想像上面那样导入所有js文件，但无法做到。有人能告诉我如何才能包含所有javascripts文件吗？我只想将其包含在角度组件的html文件中。我不能全局性地进行导入，因为我只能在一个角度组件中使用它特定组件

这些脚本标记是否只属于该组件？如果没有，将这些标记放在

index.html

文件中如何？

脚本和样式应导入到

angular.json

文件中：-

查找以下行并将css和js导入其中：-

<script src="./jquery.min.js"></script>
  <script src="./bootstrap.bundle.min.js"></script>

  <!-- Core plugin JavaScript-->
  <script src="./jquery.easing.min.js"></script>

  <!-- Page level plugin JavaScript-->
  <script src="./Chart.min.js"></script>
  <script src="./jquery.dataTables.js"></script>
  <script src="./dataTables.bootstrap4.js"></script>

  <!-- Custom scripts for all pages-->
  <script src="./sb-admin.min.js"></script>

  <!-- Demo scripts for this page-->
  <script src="./datatables-demo.js"></script>
  <script src="./chart-area-demo.js"></script>

---

让我以Jquery为例，假设index.html文件中包含Jquery路径，就像上面所做的那样，然后在我想要使用Jquery的组件中，在@component decorator上方添加下面的代码，然后您只能在该组件中使用Jquery功能

"styles": [
    "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
    "./node_modules/font-awesome/css/font-awesome.min.css",
    "./node_modules/semantic-ui/dist/semantic.min.css",
    "src/styles.scss"
],
"scripts": []

示例组件.ts

declare var $;

---

您正在尝试在typescript代码中使用这些js文件吗？不，我没有在我的typescript代码中使用它。您通常应该通过angular.json文件导入脚本。另一个问题可能是引用js文件的路径，请确保它们存在于您指定的位置。“/xyx.js”意味着它不应该与引用它的文件处于同一级别。但我想将这些文件用于特定组件。不是全部，但我只想将其用于特定组件

import { Component } from '@angular/core';

//declare dollor($) here
declare var $;
@Component({ templateUrl: 'home.component.html' })
export class HomeComponent {
    public divElement: any;
    constructor( ) { }

    ngOnInit() {
     this.divElement = $('div');
    }
}