Angular 4+.NET Core中无需定义模型类传递Oracle数据与调用TS类属性

嘿，我完全懂你的烦恼——面对多表多列的海量实体，手动编写TypeScript模型类不仅耗时，还容易出错。下面几个方案能帮你跳过手动定义模型的步骤，直接在TypeScript中使用从.NET Core Web API返回的Oracle数据：

1. 直接使用any类型（最快最省事） #

TypeScript的any类型可以跳过类型检查，让你直接访问返回数据的任意属性，完全不用提前定义模型。

示例代码（Angular Service）： #

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class EntityService {
  constructor(private http: HttpClient) {}

  // 直接指定返回类型为any
  getEntityData(): Observable<any> {
    return this.http.get('api/entities/your-endpoint');
  }
}

组件中调用： #

this.entityService.getEntityData().subscribe(data => {
  // 直接访问属性，不用模型类
  console.log(data.customerName);
  console.log(data.orderId);
});

⚠️ 注意：这个方案的缺点是没有类型检查和IDE智能提示，属性名拼写错误要到运行时才会发现，适合快速开发或者临时场景。

2. 使用unknown类型+类型断言（兼顾省事与基础安全） #

unknown是比any更安全的类型，它要求你明确断言属性的类型后才能访问，避免不小心误用类型。

示例： #

// Service中返回unknown类型
getEntityData(): Observable<unknown> {
  return this.http.get('api/entities/your-endpoint');
}

// 组件中使用类型断言
this.entityService.getEntityData().subscribe(data => {
  // 临时断言为你需要的结构
  const entity = data as { customerName: string; orderId: number };
  console.log(entity.customerName);
});

你也可以用类型守卫进一步增强安全，但如果属性太多的话会比较繁琐，适合需要基础类型安全但不想写完整模型的场景。

3. 使用Record<string, unknown>类型（明确键值对结构） #

这个类型可以表示任意键值对的数据结构，访问属性时需要显式断言类型，比any更可控：

示例： #

getEntityData(): Observable<Record<string, unknown>> {
  return this.http.get('api/entities/your-endpoint');
}

// 组件中使用
this.entityService.getEntityData().subscribe(data => {
  const customerName = data.customerName as string;
  const orderId = data.orderId as number;
});

4. 自动生成TypeScript模型（长期海量实体的最优解） #

如果业务是长期维护，海量实体手动写肯定不现实，推荐用工具从你的.NET Core模型自动生成TypeScript代码，兼顾类型安全和效率。比如NSwag这个工具：

• 在你的.NET Core项目中启用Swagger（一般默认已配置）。
• 安装NSwag工具，配置它从Swagger文档自动生成Angular服务和对应的TypeScript模型类。
• 每次你的C# Model.cs更新后，只需重新生成TS代码即可，完全不用手动编写模型。

.NET Core中配置JSON序列化（可选但推荐） #

为了让前端TS的属性名更符合TS的小驼峰习惯，建议在.NET Core中配置JSON序列化时自动转换为小驼峰：

// .NET Core 6+ 在Program.cs中
builder.Services.AddControllers()
    .AddJsonOptions(options =>
    {
        options.JsonSerializerOptions.PropertyNamingPolicy = JsonNamingPolicy.CamelCase;
    });

这样后端返回的JSON属性会是customerName而不是C#中的CustomerName，前端访问时更符合TS的编码习惯。

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