如何解决angular8中的slicknav问题>>

问题描述 投票:0回答:1

[试图在角度8中测试slicknav,但无法正常工作。我已包含必需的js文件和css,但无法正常工作。在给出的代码和演示下方。如何解决此问题?

https://www.npmjs.com/package/slicknav

演示:https://stackblitz.com/edit/angular-jquery-integration-636vdp?file=app/app.component.html

index.html:

<link rel="stylesheet" href="app/slicknav.min.css" />
<script src="app/jquery.slicknav.min.js"></script>
<my-app>loading</my-app>

app.component.ts:

import { Component, OnInit } from '@angular/core';
import $ from 'jquery';

@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent  implements OnInit {
name = 'Slicknav Angular!';
isJqueryWorking: string

ngOnInit()
{
$(document).ready(() => {

        $('#menu').slicknav();

});
}
}

app.component.html:

 <ul id="menu">
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
    <li><a href="#">item 4</a></li>
 </ul>

[试图在angular 8中测试slicknav,但无法正常工作。我已包含必需的js文件和css,但无法正常工作。在给出的代码和演示下方。如何解决此问题? https://www.npmjs.com/package / ...

typescript angular6 angular7 angular8 slicknav
1个回答
0
投票

我可以通过导入这些脚本/ css文件来使其工作。

© www.soinside.com 2019 - 2024. All rights reserved.