Angular中的MaterialUICDK-Virtual-Scroll-Viewport无法按预期工作
创始人
2024-10-31 07:30:35
0

首先,确认您是否按照以下方法引入了CDK-Virtual-Scroll-Viewport:

import {ScrollingModule} from "@angular/cdk/scrolling";

@NgModule({
  imports: [
    ScrollingModule,
    // Other imports...
  ],
 //...
})
export class AppModule {}

如果还是不起作用,请尝试在Angular组件类中使用CDK-Virtual-Scroll-Viewport,如下所示:

import { Component, OnInit, ViewChild } from '@angular/core';
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';

export class AppComponent implements OnInit {
  @ViewChild(CdkVirtualScrollViewport)
  public virtualScroll: CdkVirtualScrollViewport;

  ngOnInit() {
    // ...
  }

  // ...
}

确保您已在HTML中正确使用CDK-Virtual-Scroll-Viewport:


  
{{item}} ({{i}})

最后,确认您的CDK-Virtual-Scroll-Viewport是否正确初始化并将数据传递给它:

items: any[] = [];
...
this.items = [/* Array of items to display */];
this.virtualScroll.renderedRangeStream.subscribe(range => {
  console.log('Range changed: ', range);
});

执行这些操作后,您的CDK-Virtual-Scroll-Viewport应该可以按预期工作。

相关内容

热门资讯

为了进一步"hhpo... 为了进一步"hhpoker德州作必弊"pokernow辅助工具(都是真的有辅助下载)-哔哩哔哩hhp...
透视透视"wepok... 透视透视"wepoker插件功能辅助器"aapoker万能辅助器(一直真的有辅助修改器)-哔哩哔哩1...
透视玄学"pokem... 透视玄学"pokemmo辅助官网"wepoker免费脚本咨询(总是是有辅助软件)-哔哩哔哩1、wep...
目前来看"wepok... 目前来看"wepoker免费脚本咨询"wepoker公共底牌(确实是有辅助插件)-哔哩哔哩1.wep...
据公告内容"wpk安... 据公告内容"wpk安卓下载辅助"wepoker有透视功能吗(本来有辅助平台)-哔哩哔哩1、在wepo...
透视辅助"WePOk... 透视辅助"WePOker有没有透视方法"we-poker靠谱吗(果然是真的辅助安装)-哔哩哔哩在进入...
网友热议"wepok... 网友热议"wepoker科技辅助器"hhpoker透视方法(真是有辅助平台)-哔哩哔哩1、在wepo...
透视游戏"wepok... 透视游戏"wepoker有透视底牌吗"hhpoker视频巡查真的假的(真是真的是有辅助神器)-哔哩哔...
此事备受玩家关注"w... 此事备受玩家关注"wepoker破解版内购"hhpoker到底可以作必弊码(一贯存在有辅助下载)-哔...
透视科技"wepok... 透视科技"wepoker透视脚本免费app"hh poker透视器下载(其实真的有辅助神器)-哔哩哔...