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

Question

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

Answer 1

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

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

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

@ViewChild('scroll1') scroll1: PerfectScrollbarComponent;

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

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