能否为Material Table DataSource传递单个静态用户对象而非列表？

当然可以呀！Material Table的数据源（DataSource）本身是期待接收数组类型数据的，所以你只需要把单个用户对象包装成一个长度为1的数组，就能完美适配啦～下面我给你详细拆解实现步骤：

首先在Angular组件里，你需要先获取URL中的idUser参数，再构造单个用户的数组（这里用你提供的静态对象举例，实际项目中也可以替换成接口请求返回的对象）：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { MatTableDataSource } from '@angular/material/table';

// 定义用户类型接口
interface User {
  idUser: number;
  lastName: string;
  firstName: string;
}

@Component({
  selector: 'app-user-profile',
  templateUrl: './user-profile.component.html',
  styleUrls: ['./user-profile.component.css']
})
export class UserProfileComponent implements OnInit {
  dataSource!: MatTableDataSource<User>;
  // 定义表格要展示的列字段
  displayedColumns: string[] = ['idUser', 'lastName', 'firstName'];

  constructor(private route: ActivatedRoute) {}

  ngOnInit(): void {
    // 从URL参数中获取idUser
    const userIdParam = this.route.snapshot.paramMap.get('idUser');
    if (userIdParam) {
      // 构造静态用户对象
      const singleUser: User = {
        idUser: parseInt(userIdParam),
        lastName: "xyz",
        firstName: "abc"
      };
      // 把单个对象包装成数组，传入MatTableDataSource
      this.dataSource = new MatTableDataSource([singleUser]);
    }
  }
}

接下来是模板部分，按照你需要的多<mat-cell>结构来编写，每个属性对应一个列定义：

<!-- 只有当数据源存在时才渲染表格 -->
<mat-table #table [dataSource]="dataSource" *ngIf="dataSource">
  <!-- 用户ID列 -->
  <ng-container matColumnDef="idUser">
    <mat-header-cell *matHeaderCellDef>用户ID</mat-header-cell>
    <mat-cell *matCellDef="let user">{{ user.idUser }}</mat-cell>
  </ng-container>

  <!-- 姓氏列 -->
  <ng-container matColumnDef="lastName">
    <mat-header-cell *matHeaderCellDef>姓氏</mat-header-cell>
    <mat-cell *matCellDef="let user">{{ user.lastName }}</mat-cell>
  </ng-container>

  <!-- 名字列 -->
  <ng-container matColumnDef="firstName">
    <mat-header-cell *matHeaderCellDef>名字</mat-header-cell>
    <mat-cell *matCellDef="let user">{{ user.firstName }}</mat-cell>
  </ng-container>

  <!-- 渲染表头行 -->
  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
  <!-- 渲染数据行（这里只会有一行，因为数据源是单个对象的数组） -->
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

• 为什么要包装成数组？因为MatTableDataSource的构造函数要求传入泛型数组（T[]），直接传单个对象会触发类型错误，包装成数组后就完全符合要求了。
• 如果你的需求只是用<mat-cell>展示单个对象的属性，而不需要完整的表格行结构，也可以不用Material Table的完整框架，直接用mat-card配合mat-cell做布局，但既然你明确要求用带多<mat-cell>的Material Table，上面的方案完全适用。
• 实际项目中如果用户数据是从后端接口获取的，只需要把静态对象替换成接口返回的单个用户对象，再包装成数组即可。

内容的提问来源于stack exchange，提问作者Apb