问具有用户单击所选组件的动态选项卡

EN

我正在尝试设置一个选项卡系统，允许组件注册自身(带有标题)。第一个标签就像一个收件箱，有大量的动作/链接项目供用户选择，每一次点击都应该能够在点击时实例化一个新的组件。操作/链接来自JSON。

然后，实例化的组件会将自身注册为新选项卡。

我不确定这是不是最好的方法？到目前为止，我看到的唯一指南是静态标签，这是没有帮助的。

到目前为止，我只得到了在main中引导的tabs服务，可以在整个应用程序中持久化。它看起来像这样：

export interface ITab { title: string; }

@Injectable()
export class TabsService {
    private tabs = new Set<ITab>();

    addTab(title: string): ITab {
        let tab: ITab = { title };
        this.tabs.add(tab);
        return tab;
    }

    removeTab(tab: ITab) {
        this.tabs.delete(tab);
    }
}

问题：

1. 如何在创建新(不同)选项卡的收件箱中创建动态列表？我猜测会使用DynamicComponentBuilder？
2. 如何从收件箱(单击)创建组件，并将其注册为选项卡并显示？我猜是ng-content，但我找不到多少关于如何使用

的信息

EDIT:是一个澄清的尝试。

把收件箱想象成一个邮件收件箱。项目以JSON的形式获取，并显示多个项目。一旦单击其中一个项目，就会创建一个新的选项卡，其中包含该项目的操作“type”。然后该类型就是一个组件。

编辑2: Image。