Angular消费者侧条件渲染的ng-content插槽是否仍会被初始化？

结论 #

你提到的规则不适用于消费者侧的条件渲染，你示例中当condition为假时，带选择指令的元素不会被初始化，也不会被底层的ng-content捕获渲染。

核心差异说明 #

官方文档提到的坑，本质是「子组件侧对ng-content做条件渲染」的问题：

消费者提供的投影内容，初始化时机由消费者侧的变更检测周期决定，和子组件内部有没有声明ng-content、ng-content是否被*ngIf隐藏完全无关。哪怕子组件的ng-content藏在*ngIf里没显示，消费者传的内容早就完成了初始化，只会出现「内容初始化了但没地方渲染」的浪费问题，所以官方才推荐这种场景用ng-template做懒加载投影。

而你举的场景是「消费者侧对要投影的内容本身做条件渲染」，逻辑完全不一样：

• 消费者侧的*ngIf执行时机远早于子组件处理投影内容的步骤
• 只要condition为假，这个带ng-content-select-directive的元素本身就不会被创建，子组件的ng-content选择器压根找不到对应节点，自然不存在初始化、渲染的问题

简易验证方法 #

你可以给待投影的元素绑定一个ngOnInit生命周期钩子打印日志，当condition为假时，日志不会触发，就可以确认元素没有被初始化。

内容的提问来源于stack exchange，提问作者daxicks