I have added jQuery to my angular 4 project, but I am having trouble using scripts designed to use jQuery.
jQuery was installed as an npm package then was added via angulars cli using the typings command
I would like to access those jQuery scripts in my compontents.ts files.
The script in question is: this
in your angular-cli.json:
"scripts": [
"../node_modules/jquery/dist/jquery.min.js"
],
and in your component:
import * as $ from 'jquery';
$("#demo").scrollbox() as per the examples on scrollbars github
.scrollbox() to work.in your component you have to declare a global variable for jquery selector like that :
import ...
declare var $: any;
@Component({
...
})
export class ANY_CLASS implements OnInit{
ngOnInit() {
$('#demo').scrollbox();
}
//use it as you like after that
}
and in your template :
<div id="demo" class="scroll-text">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
