如何在 Angular 2 Perfect Scrollbar 包装器中调用 update() 方法？

【问题标题】：How to call update() method of in Angular 2 Perfect Scrollbar wrapper?如何在 Angular 2 Perfect Scrollbar 包装器中调用 update() 方法？
【发布时间】：2017-01-27 22:10:14
【问题描述】：

我尝试在我的 Angular 2 应用程序中实现 Perfect Scrollbar 并使用 Angular 2 Perfect Scrollbar 包装器：https://github.com/zefoy/angular2-perfect-scrollbar 如果我在应用程序启动时有大量内容，我的滚动条会出现并正常工作。但如果我的内容动态增长 - 滚动条不会出现。我想我必须在添加内容时调用 Scrollbar 对象的 update() 方法。如何从 Angular 2 组件调用 Perfect Scrollbar 方法？

【问题讨论】：

标签： angular scrollbar perfect

【解决方案1】：

一个人可以这样做。首先，插入完美滚动条选择器并在 HTML 模板中为其提供自定义 ID：

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

然后在 typescript 文件中使用定义的 ID 引用此元素并分配其类型：

@ViewChild('scroll1') scroll1: PerfectScrollbarComponent;

最后，通过Perfect Scrollbar组件的directiveRef属性调用update()方法在同一个文件中的任何方法中：

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

【讨论】：

不错的解决方案。为我工作。