如何在Angular 7中使用JavaScript代码？

当我在手机屏幕上使用时，我试图在MaterializeCSS的帮助下制作一个可折叠的导航栏，并且需要在其中使用JavaScript代码。 我应该在哪里写这个JavaScript代码

这是我要使用的代码：

**$(document).ready(function(){
    $('.sidenav').sidenav();
  });**

---

查找并打开

angular.json

，然后添加到

projects.architect.build.options

对象下一个字段，并将文件路径更改为您自己的：

"scripts": [
  "path/to/js/you/want/use.js"
]

Angular将把这些自定义文件添加到结果生成中

安装jQuery

npm安装jQuery

安装MaterializeCSS

npm安装materialize-css@next

安装类型

npm安装--save@types/materialize css@types/jquery

打开

angular.json

并查找

scripts

字段

在数组中添加

node\u modules/jquery/dist/jquery.min.js

和

node\u modules/materialize css/dist/js/materialize.min.js

：

转到您的组件并在顶部添加

declarevarjquery:any

例子

---

您可以在ngOnInit中使用它。步骤1：在assets文件夹中创建一个js文件夹

步骤2：在js文件夹中创建一个新的.js文件。资产->js->example.js

步骤3：在脚本数组中添加angular.json中example.js的路径

步骤4：在component.ts文件中声明example.js中创建的js函数，该函数在该文件中是需要的

---

步骤5：在ngOnInIt（）中调用声明的函数。

您应该在组件文件中写入我已经创建了一个文件，并像您所说的那样添加了它的路径，但是如何在组件中使用它？获取此错误类型错误：$（…）.sidenav不是一个函数我已经在数组中使用了materialize脚本，但仍然收到相同的错误。是否安装了类型？在

angular.json

中有2个

scripts

字段。是的，我两个都做了。请确保jQuery首先在数组中，然后在ecss中。而

angular.json

中的更改需要重新启动webservice。所以，停下来，重新开始@哈希特拉格夫

"scripts": [
    "node_modules/jquery/dist/jquery.min.js",
    "node_modules/materialize-css/dist/js/materialize.min.js"
]

(function ($) {
    $('.sidenav').sidenav();
})(jQuery);