我围绕画布（konva）库构建了一个编辑器 UI，并希望实现以下目标：
在左侧，我想显示代表不同工具（角度材料垫列表）的图标列表，这些图标可以根据编辑器的模式动态更改。现在，如果用户激活这些工具，则该工具的选项应该在右侧的其他地方可见。
经过一段时间的学习，我了解到 CDK Portals+Portal-Hosts 可以解决这个问题（参见https://blog.angularindepth.com/angular-cdk-portals-b02f66dd020c），但在他的工具选项示例中，他使用非 ng-template 部分来显示图标本身。我不希望工具组件本身定义格式以单独显示其图标。相反，我想将一些像 '{ icon: 'some_icon', component: ToolXZYComponentClass }' 传递给图标列表组件。但话说回来，有没有比完全或以这种方式使用 CDK 门户更好的方法来实现这一点？