Как решить проблему slicknav в angular8 - PullRequest
Новая
       45

Как решить проблему slicknav в angular8

0 голосов
/ 14 марта 2020

Пытался протестировать slicknav в angular 8, но не работает. Я включил требуемый 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>
...