要实现Angular CDK的虚拟滚动与懒加载（无限滚动），可以按照以下步骤进行：

1. 安装Angular CDK： 在终端中运行以下命令来安装Angular CDK：

   ng add @angular/cdk
   

2. 导入所需的模块： 在你的Angular组件中，导入Angular CDK的ScollingModule和其他相关模块：

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

3. 创建一个虚拟滚动容器： 在你的组件模板中，创建一个带有虚拟滚动的容器，并设置容器的高度和宽度：

4. 实现懒加载数据： 在你的组件中，创建一个包含所有数据的数组，并使用Angular CDK中的虚拟滚动观察器来监听滚动事件，以便在需要时加载数据：

   import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
   
   export class YourComponent implements OnInit {
     data: any[] = []; // 包含所有数据的数组
     viewport: CdkVirtualScrollViewport;
   
     constructor() { }
   
     ngOnInit() {
     }
   
     ngAfterViewInit() {
       this.viewport = this.scrollViewport.elementRef.nativeElement;
       this.viewport.scrolledIndexChange.subscribe((index: number) => {
         // 如果滚动到了最后一条数据，加载更多数据
         if (index === this.data.length - 1) {
           this.loadMoreData();
         }
       });
     }
   
     loadMoreData() {
       // 加载更多数据的代码逻辑
     }
   }
   

5. 在虚拟滚动容器中显示数据： 在虚拟滚动容器内部，使用ngFor指令来循环显示数据：

   
     
   {{item}}
   
   

通过以上步骤，你就可以实现Angular CDK的虚拟滚动与懒加载（无限滚动）了。