Как вызвать метод update() в Angular 2 Perfect Scrollbar wrapper?

Question

Я пытаюсь внедрить Perfect Scrollbar в свое приложение Angular 2 и использовать Angular 2 Perfect Scrollbar wrapper: https://github.com/zefoy/angular2-perfect-scrollbar Если у меня есть большой контент в момент запуска приложения, появляется полоса прокрутки и работает нормально. Но если мой контент динамически растет - полоса прокрутки не отображается. Я думаю, что при добавлении контента мне нужно вызвать метод update() объекта Scrollbar. Как я могу назвать методы Perfect Scrollbar из компонентов Angular 2?

Answer 1

Можно сделать это так. Во-первых, вставить селектор совершенной полосы прокрутки и придать ей пользовательский идентификатор внутри шаблона HTML:

<perfect-scrollbar #scroll1 class="container"> 
    <div class="dynamic-content"></div> 
</perfect-scrollbar> 

Затем в файле транскрипта относятся к этому элементу с помощью определенного ID и назначить его тип:

@ViewChild('scroll1') scroll1: PerfectScrollbarComponent; 

Наконец вызовите обновление() метод через directiveRef свойство компонента Совершенная Scrollbar внутри любой метод в том же файле:

yourMethod() { 
    this.scroll1.directiveRef.update(); 
}