javascript - 如何在特定组件(如 Html 和 css)中导入 javascript 文件？

Question

`

<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>

这是我在 Angular 组件中的 index.html 文件的部分代码。我想导入上面的所有 js 文件，但无法做到这一点。任何人都可以告诉我如何包含所有的 javascripts 文件？我只想将它包含在一个 Angular 组件的 Html 文件中。我不能全局执行它，因为我必须只在特定组件中使用它

Answer 1

脚本和样式应导入到您的 angular.json 文件中:-

查找以下行并将您的 css 和 js 导入其中:-

"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": []