Typecript: Làm cách nào để xác định giao diện cho các đối tượng lồng nhau?

Giả sử tôi có một tải trọng JSON phân tích cú pháp thành một thứ như thế này:

{
    name: "test",
    items: {
        "a": {
            id: 1,
            size: 10
        },
        "b": {
            id: 2,
            size: 34
        }
    }
}

Làm cách nào để thiết lập định nghĩa của giao diện Ví dụ để mô hình hóa rằng giá trị của thuộc tính items là một đối tượng có khóa là chuỗi và có giá trị được xác định bởi giao diện Item:

export interface Example {
    name: string;
    items: ???;

}

export interface Item {
    id: number;
    size: number;
}

Typecript cho phép bạn thêm một kiểu cho các khóa đối tượng bằng cú pháp [key: string].

Như đã nêu trong tài liệu, chúng được gọi là các loại có thể lập chỉ mục :

Các kiểu có thể lập chỉ mục có chữ ký chỉ mục mô tả các kiểu mà chúng ta có thể sử dụng để lập chỉ mục vào đối tượng, cùng với các kiểu trả về tương ứng khi lập chỉ mục.

Trong trường hợp của bạn, bạn sẽ sử dụng như sau:

export interface Item {
    id: number;
    size: number;
}

export interface Example {
    name: string;
    items: {
        [key: string]: Item
    };
}

Để tham khảo, đây là một liên kết đến một ví dụ trực tiếp .