typescript - 類別轉換器未轉換為數字陣列

我有一個 DTO，其中有一個欄位是一個數字陣列。這些 ID 是通過 API 查詢參數傳入的。我正在使用 Class Transformer 將這些 ID 轉換為數字陣列。但我只得到了一個字串陣列。我的 DTO 類如下。

export class EvseGetQueryDto {
  ...
  ...

  @IsOptional()
  @IsArray()
  @IsNumber({}, {each: true})
  @ApiProperty({ type: [Number] })
  @Type(() => Number)
  locations?: number[];

  ...
  ...
}

我的控制器程式碼看起來是這樣的。

async GetAll(@Query() query: EvseGetQueryDto): Promise<EvseDto[]> {
    return await this.evseService.GetAll(query);
}

如果我像下面這樣呼叫我的控制器，我在 locations 欄位中仍然得到 ['1', '2']。

http://localhost:3000/evses?locations[]=1&locations[]=2

有人可以指導我嗎？

答案＃1

查詢參數總是以字串的形式傳入，如果你使用 URL 參數，這些參數也是字串。不過，@Type(() => Number) 已經足以修改這個行為，但你需要確保在 ValidationPipe 中設置了 transform: true。

import {  Type } from 'class-transformer';
import { IsArray, IsNumber } from 'class-validator';

export class NumbersQuery {
  @Type(() => Number)
  @IsArray()
  @IsNumber({}, {each: true})
  numbers: number[];
}

import { Controller, Get, Query, UsePipes, ValidationPipe } from '@nestjs/common';
import { AppService } from './app.service';
import { NumbersQuery } from './numbers';

@Controller()
export class AppController {
  constructor(private readonly appService: AppService) {}

  @Get()
  getHello(@Query() query: Record<string, unknown>): string {
    return this.appService.getHello(query);
  }

  @UsePipes(new ValidationPipe({ transform: true }))
  @Get('numbers')
  getNumbers(@Query() numbers: NumbersQuery) {
    console.log(numbers);
    return numbers.numbers;
  }
}

▶ curl http://localhost:3000/numbers/\?numbers\[\]\=1\&numbers\[\]\=2
[1,2]%  

[Nest] 76497   - 10/23/2020, 10:40:47 AM   [NestFactory] Starting Nest application...
[Nest] 76497   - 10/23/2020, 10:40:47 AM   [InstanceLoader] AppModule dependencies initialized +11ms
[Nest] 76497   - 10/23/2020, 10:40:47 AM   [RoutesResolver] AppController {}: +5ms
[Nest] 76497   - 10/23/2020, 10:40:47 AM   [RouterExplorer] Mapped {, GET} route +2ms
[Nest] 76497   - 10/23/2020, 10:40:47 AM   [RouterExplorer] Mapped {/numbers, GET} route +1ms
[Nest] 76497   - 10/23/2020, 10:40:47 AM   [NestApplication] Nest application successfully started +1ms
NumbersQuery { numbers: [ 1, 2 ] }

答案＃2

如果你不想讓你的搜尋查詢看起來像

/evses?locations[]=1&locations[]=2

而且想要類似傳遞整個列表的東西

/evses?locations=1,1

在你的課堂內使用

export class yourclass {


    @Transform(({ value }) => value.toString().split(',').map(Number))
    locations:Number[];

}