angular - 有没有办法在不使用结构指令的情况下显示动态选择的组件

我想允许用户从列表中动态选择项目/组件。选定的项目将显示在一个网格状的 DOM 中，关键是显示元素是具有自己视图的不同组件。

粗略的类结构如下。理论上这应该可行，但我正在努力弄清楚如何设置视图？

当然，我在想 parent 会有*ngFor，但我想避免使用*ngIf，因为我可能最终会看到几十个不同的子元素，并且需要尽可能多地抽象代码。理想情况下，要添加一个新组件，我所要做的就是创建一个子组件对象并将其添加到父组件的列表中。

我当然对这个的其他实现持开放态度，因为我对 Angular 还很陌生。

不幸的是，我不能分享实际的代码，但这里是我所拥有的结构的粗略概念。 https://stackblitz.com/edit/angular-mx2xli （仅草稿 - 这不会显示任何内容）

标签： angular