我在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:滚动条已更新,如果我尝试滚动表格或者如果我调整浏览器窗口大小,则工作正常。
答案 0 :(得分:0)
如果我这样阅读PerfectScrollbarDirective,效果很好:
@ViewChild('tableContent', {read: PerfectScrollbarDirective}) tableContent: PerfectScrollbarDirective;
然后致电this.tableContent.update();