Angular 4更新完美滚动条

时间:2017-10-16 09:10:43

标签: angular angularjs-directive perfect-scrollbar

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

我尝试更新它,如此处所述 How to call update() method of in Angular 2 Perfect Scrollbar wrapper?但它不起作用。

我在tbody元素中使用了完美的滚动条指令(显示属性设置为阻止。)但这应该不是问题。

            <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:滚动条已更新,如果我尝试滚动表格或者如果我调整浏览器窗口大小,则工作正常。

1 个答案:

答案 0 :(得分:0)

如果我这样阅读PerfectScrollbarDirective,效果很好:

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

然后致电this.tableContent.update();