小编Sam*_*amu的帖子

我想要这个div的3D风格.我不知道该怎么做.

.cube{
  width:100px;
  height:100px;
  background:#ff7700;
  color:#fff;
  text-align:center;
  line-height:95px;
}

<div class="cube">3D Cube</div>

<ul class="list">
  <cdk-virtual-scroll-viewport  style="height: 500px" itemSize="90" >
      <div *ngFor="let n of numbers" style="height:130px;">{{n}}</div>
  </cdk-virtual-scroll-viewport>
</ul>

<!--app.module.ts-->

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

@NgModule({
  imports: [ ScrollingModule ]
})

<!--app.component.ts-->

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  numbers: number[] = [];

  constructor() {
    for (let index = 0; index < 10000; index++) {
      this.numbers.push(index);
    }
  }
}

一切都很好，但它显示“=====>无法绑定到 'cdkVirtualForOf'，因为它不是 'div' 的已知属性。<===== 错误