estoy intentando hacer un scrollfire de materializecss en angular 4 a una lista simple “

” pero no me reconoce la funcionm adjunto

Html. <ul id="list_service"> <li> <p>List 1</p> </li> <li> <p>List 1</p> </li> <li> <p>List 1</p> </li> <li> <p>List 1</p> </li> <li> <p>List 1</p> </li> <li></ul>

en el componente ngOnInit() { this.DocumentReady(); } private DocumentReady() { $ ('.scrollspy').scrollSpy(); $ ('.carousel').carousel(); const options = [{ selector: '#list_service', offset: 50, callback: function (el) { Materialize.toast('This is our ScrollFire Demo!', 1500); } }, { selector: '#list_service', offset: 205, callback: function (el) { Materialize.toast('Please continue scrolling!', 1500); } }, { selector: '#list_service', offset: 400, callback: function (el) { Materialize.showStaggeredList($ (el)); } }]; Materialize.scrollFire(options); }