Angular 4更新完美滚动条

Question

我在我的 angular4 应用程序中使用了 angular2-perfect-scrollbar。我初始化了它，它工作正常，但是当我从列表中删除一个项目时，滚动条没有更新并且溢出了实际内容

我尝试按照此处的描述对其进行更新 How to call update() method of in Angular 2 Perfect Scrollbar wrapper? 但它没有用。

我在 tbody 元素中使用完美的滚动条指令（display 属性设置为 block。）但这应该不是问题。

            <tbody #tableContent *ngIf ="users" [perfect-scrollbar]>

它包含在我的模块中

import { PerfectScrollbarConfigInterface, PerfectScrollbarModule } from 'angular2-perfect-scrollbar';

@NgModule({ imports: [ SharedLibsModule, PerfectScrollbarModule.forRoot(PERFECT_SCROLLBAR_CONFIG) ],

我的组件包含这样的容器：

    @ViewChild('tableContent') tableContent: PerfectScrollbarDirective;

我这样调用更新：

private onSuccess(data, headers) {
    this.tableContent.update();
}

如有任何帮助，我们将不胜感激。

@Edit：滚动条已更新，如果我尝试在 table 上滚动或者如果我调整浏览器 window.

大小，它工作正常

Answer 1

如果我这样阅读 PerfectScrollbarDirective，它工作正常：

@ViewChild('tableContent', {read: PerfectScrollbarDirective}) tableContent: PerfectScrollbarDirective;

然后调用this.tableContent.update();

Angular 4更新完美滚动条

Angular 4 update perfect scrollbar

angular

angularjs-directive

perfect-scrollbar