我在canvas(konva)库周围构建一个编辑器UI,并希望实现以下目标:

在左侧,我想显示一个代表不同工具的图标列表(角度材料mat-list),这些可以根据编辑器的模式动态更改 . 现在,如果用户激活工具,则该工具的选项应该在右侧的其他位置可见 .

经过一段时间的学习后,我了解到CDK门户网站 - 主机可以解决这个问题(参见https://blog.angularindepth.com/angular-cdk-portals-b02f66dd020c),但在他的工具选项示例中,他使用非ng模板部分来显示图标本身 . 我不希望工具组件本身定义格式以单独显示其图标 . 相反,我将'd like to pass some like ' {icon:'some_icon',component:ToolXZYComponentClass}'添加到图标列表组件中 . 但是,有没有比使用CDK门户更好或以这种方式实现这一目标的更好方法?