Angular - 如何处理后端到前端的命名约定？

编程问答 2022-05-15

问题描述

我使用 Angular 作为前端，使用 Postgresql 作为数据库。

下面的接口是服务正在消费的数据库中的列名

export interface AmazonDataLog {  
    customer_id: number;
    first_target: string;
    last_target: string;
   
}

下面是 ts 文件，其中 processIncomingRecord 函数将获取数据然后在 UI 上呈现

component.ts 文件

  firstLogs: AmazonDataLog | undefined = undefined;
 
  constructor(
    public userService: UserService,private records: AmmaService,private router: Router
  ){

    this.records.getNextRecord().subscribe(data => {
      this.processIncomingRecord(data);
    });

下面是显示数据的html代码

.html 代码

 <mat-divider></mat-divider>
 <mat-list-item class="bold">Amazon {{firstLogs.customer_id}} : {{firstLogs.first_target}}</mat-list-item>
 <mat-divider></mat-divider>
 <mat-divider></mat-divider>
 <mat-list-item class="bold">Alexa {{firstLogs.customer_id}} : {{firstLogs.last_target}}</mat-list-item>
 <mat-divider></mat-divider>

我正在寻找的是将 RENAME 后端变量设置为 CAMEL CASE 并在前端显示

例如 - 后端服务返回

    customer_id: number;
    firstTarget: string;
    lastTarget: string;

例如 - 在 UI 上我想显示为 CAMEL CASE

   {{customerID}} {{firstTarget}} and {{lastTarget}}

我怎样才能实现这种改变？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularcamelcasingjavascriptnaming-conventionstypescripttypescript