Javascript Priming-带分组选项的下拉列表

在我的项目中，我使用了priming的下拉元素。在官方的priming文档（）中，它说可以使用SelectItemGroup和SelectItem对元素进行分组。然而，该页面只教授如何使用两个级别进行操作。我想知道如何再增加一个级别

我的想法如下，我想知道如何才能做到：

this.groupedCars = 
[
    {
        label: 'Germany', 
        items: 
            [
                {
                    label: 'Audi', 
                    items: 
                        [   
                            {
                                label: 'Audi A1',
                                value: 'Audi A1'
                            },
                            {
                                label: 'Audi A3',
                                value: 'Audi A3'
                            }
                        ]
                },
                {
                    label: 'BMW', 
                    value: 'BMW'
                },
                {
                    label: 'Mercedes',
                    value: 'Mercedes'
                }
            ]
    }
]

下面我展示了SelectItemGroup和SelectItem的界面

SelectItemGroup界面：

export interface SelectItemGroup {
    label: string;
    value?: any;
    items: SelectItem[];
}

界面选择项：

export interface SelectItem {
    label?: string;
    value: any;
    styleClass?: string;
    icon?: string;
    title?: string;
    disabled?: boolean;
}

我已尝试将SelectItem转换为SelectItemGroup，但出现一个错误，因为SelectItem没有Item属性，因此无法转换

• 角度版本：8.2.14
• 涂底漆版本：8.1.1