Angular ngTemplate、ngTemplateOutlet、ngContent：选择模板的内容 ngTemplate、ngTemplateOutlet、ngContent：选择模板的内容

我有两个组件：

AppComponent

（

）和

ModalComponent

（

）。除了以下内容外，这些内容没有什么特别之处：

• ModalComponent

  利用

  NgContent

• AppComponent

  的标记中有一个模板

modal.component.html

X

app.component.html

模态内容工程！！！
...
确认！

预期行为

[#tpl]

中的每个子级都被投影到每个

ng内容中，其中
[select]
反映了子级的类名

问题
除1个例外，所有内容均未从项目中获取：


如果我将
class=“modal template”
添加到
ng容器中，并使用
[选择]=”.modal.template“
添加
ng内容
，则它可以工作，但只能批量工作。也就是说，整个模板内容被投影到一个插槽中


此外，如果在DOM检查器中查看
div#whatthethat
，您将看到模板的每个子级都成为
#whatthethat
的直接后代这必须意味着内容投影在“放出”模板之前发生

附加的
我们在Angular 10上，但我相信我在Angular 7应用程序中编写的这段代码实际上是完全一样的（它工作得很好），但也许自Angular 8+以来有些东西已经改变了

显然，考虑到“问题”（上文）下的“例外情况”，我可以将我的模板分为它的每个子级，
class
ify multiple
ng container
s，以反映每个
ng conent
的
select
ion，并投影内容。如果你已经读了这么多，你可以假设那不是我想要的

问题:
是否有任何方法“
选择
将特定模板内容投射到另一个组件中”？即使使用本机HTML元素，如
和
，您能想出一种方法来实现这一点吗