angular - 源具有X个元素，但目标仅允许1个

Question

typescript 编译显示此错误:

Source has X element(s) but target allows only 1.

export const FooMapping: [{id: FooOperation, display: string}] = [
    { id: FooOperation.Undefined, display: 'Nothing' },
    { id: FooOperation.A, display: 'I'm A' },
    { id: FooOperation.B, display: 'I'm B' }
];

export enum FooOperation {
    Undefined = 0,
    A = 1,
    B = 2,
}

定义 {id: FooOperation, display: string}特殊对象数组的正确方法是什么？

Answer 1

[{id: FooOperation, display: string}]定义了一个只包含一个元素的tuple。
尝试:

export const FooMapping: Array<{id: FooOperation; display: string}> = [
    { id: FooOperation.Undefined, display: 'Nothing' },
    { id: FooOperation.A, display: "I'm A" },
    { id: FooOperation.B, display: "I'm B" }
];

或考虑类似以下内容的事情:

interface Foo {
  id: FooOperation;
  display: string;
}

export const FooMapping: Foo[] = [...];