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

Question

我试图在移动屏幕上使用MaterializeCSS的时候制作一个可折叠的导航栏，并且需要在其中使用JavaScript代码。我应该在哪里编写此JavaScript代码？

这是我要使用的代码：

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

Answer 1

步骤1：在资产文件夹中创建了一个js文件夹。

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

步骤3：在scripts数组内的angular.json中添加了example.js的路径。

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

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