如何在特定组件（如 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>这是角度组件中我的 index.html 文件的代码的某些部分。我想导入上述所有 js 文件，但无法做到这一点。谁能告诉我如何包含所有 javascripts文件？我只想将它包含在角度组件的 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": []

Answer 2

那些脚本标签只属于那个组件吗？如果没有，将这些标签放在index.html文件中怎么样？