Angular 2 Perfect Scrollbarラッパーでupdate（）メソッドを呼び出す方法は？

Question

私はAngular 2アプリケーションにパーフェクトスクロールバーを実装しようとし、Angular 2 Perfect Scrollbarラッパーを使用しようとしています：https://github.com/zefoy/angular2-perfect-scrollbar 私はアプリケーション開始時に大きなコンテンツを持っています。 しかし、コンテンツが動的に拡大すると、スクロールバーが表示されません。 コンテンツを追加するときにScrollbarオブジェクトのupdate（）メソッドを呼び出さなければならないと思います。パーフェクトスクロールバーメソッドを角2コンポーネントから呼び出すにはどうすればよいですか？

Answer 1

このようにすることができます。まず、完璧な-スクロールバーセレクタを挿入し、HTMLテンプレート内でそれをカスタムIDを与える：

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

が続いtypescriptファイルに定義されたIDを使用して、この要素を参照し、そのタイプに割り当てます。最後に

@ViewChild('scroll1') scroll1: PerfectScrollbarComponent; 

を

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

：、同じファイル内にどのような方法で内部完璧スクロールバーコンポーネントの directiveRefプロパティを通じて 更新（）メソッドを呼び出します