Angular 5 how to add ngx-perfect-scrollbar dynamically?

Question

How can I add PerfectScrollbarComponent (ngx-perfect-scrollbar) selector is 'perfect-scrollbar' component dynamically to Angular 5 component?

Thank you in advance.

Answer 1

In your template.html

<perfect-scrollbar #perfectscroll>...</perfect-scrollbar>

In your component.ts

import { PerfectScrollbarComponent } from 'ngx-perfect-scrollbar';
...
@ViewChild('perfectscroll') ps: PerfectScrollbarComponent;
...
this.ps.directiveRef.scrollToBottom();