角形材料可扩展桌子不起作用

Question

我想从https://material.angular.io/components/table/examples复制“具有可扩展行的表”示例。我创建了一个新的Angular项目，添加了Angular材质，并从字面上将示例内容复制到了我的项目中。但是，行没有像示例中那样扩展。我正在尝试不同的进口商品，不同的样式-什么都没有。我想念什么？

这是它的外观：

这是我关于stackblitz的项目：https://stackblitz.com/edit/github-fc2cyw-ftpmac

Answer 1

您编辑过的Stackblitz：https://stackblitz.com/edit/github-fc2cyw-wtqvd4

将样式网址从table.component.html更改为table.component.css

@Component({
  selector: 'app-table',
  styleUrls: ['table.component.html'],
  templateUrl: 'table.component.css',
  animations: [
    trigger('detailExpand', [
      state('collapsed', style({height: '0px', minHeight: '0'})),
      state('expanded', style({height: '*'})),
      transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
    ]),
  ],