Un type de paramètre de signature d'index ne peut pas être un type d'union. Envisagez d'utiliser un type d'objet mappé à la place

Question

J'essaie d'utiliser le modèle suivant :

enum Option {
  ONE = 'one',
  TWO = 'two',
  THREE = 'three'
}

interface OptionRequirement {
  someBool: boolean;
  someString: string;
}

interface OptionRequirements {
  [key: Option]: OptionRequirement;
}

Cela me semble très simple, mais j'obtiens l'erreur suivante :

Un type de paramètre de signature d'index ne peut pas être un type d'union. Pensez à utiliser un type d'objet mappé à la place.

Qu'est-ce que je fais de mal ?

Answer 1

Au lieu d'utiliser une interface, utilisez un type d'objet mappé.

enum Option {
  ONE = 'one',
  TWO = 'two',
  THREE = 'three'
}

type OptionKeys = keyof typeof Option;

interface OptionRequirement {
  someBool: boolean;
  someString: string;
}

type OptionRequirements = {                 // note type, not interface
  [key in OptionKeys]: OptionRequirement;   // key in
}

Answer 2

J'ai eu un problème similaire. J'essayais d'utiliser uniquement des clés spécifiques lors de la création de validateurs de formulaires angulaires.

export enum FormErrorEnum {
  unknown = 'unknown',
  customError = 'customError',
}

export type FormError = keyof typeof FormErrorEnum;

Et l'usage :

static customFunction(param: number, param2: string): ValidatorFn {
  return (control: AbstractControl): { [key: FormErrorEnum]?: any } => {
    return { customError: {param, param2} };
  };
}

Cela permettra d'utiliser un nombre de touches compris entre 1 et X.