如何在Angular 7中使用JavaScript代码? [英] How can I use JavaScript code in Angular 7?
问题描述
在移动屏幕上使用时,我正在尝试借助MaterializeCSS创建可折叠的导航栏,并且需要在其中使用JavaScript代码. 我应该在哪里编写这段JavaScript代码?
I'm trying to make a collapsible navbar with the help of MaterializeCSS when used on mobile screen and need to use JavaScript code in it. Where should I write this JavaScript code?
这是我要使用的代码:
**$(document).ready(function(){
$('.sidenav').sidenav();
});**
推荐答案
步骤1:在资产文件夹中创建了一个js文件夹.
Step-1: Created a js folder inside the assets folder.
第2步:在js文件夹中创建了一个新的.js文件.资产-> js-> example.js
Step-2: Created a new .js file inside the js folder. Assets -> js -> example.js
第3步:在scripts数组内的angular.json中添加了example.js的路径.
Step-3: Added path of the example.js in angular.json inside the scripts array.
第4步:在需要该功能的component.ts文件中声明了在example.js中创建的js函数.
Step-4: Declared the js function created in example.js inside the component.ts file where that function is needed.
第5步:调用ngOnInIt()中声明的函数.
Step-5: Made a call to the declared function inside ngOnInIt().
这篇关于如何在Angular 7中使用JavaScript代码?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!