在Angular中，ng-content指令用于将内容投射到组件模板中的特定位置。当有多个ng-content时，我们可以使用嵌套的ng-content来指定内容投射到哪个位置。

下面是一个示例，演示了如何使用嵌套的ng-content和ContentChildren来解决问题：

首先，创建一个父组件，父组件包含两个ng-content，一个用于标题，一个用于内容。在父组件模板中，使用ng-content标签并通过select属性来指定内容投射到哪个位置。

接下来，创建一个子组件，子组件中包含标题和内容。在子组件模板中，使用ng-content标签将标题和内容投射到父组件中。

在父组件中，使用ContentChildren装饰器来获取所有子组件，并将它们分配给相应的ng-content位置。

import { Component, ContentChildren, QueryList, AfterContentInit } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    

      
      
    
  `
})
export class ParentComponent implements AfterContentInit {
  @ContentChildren(ChildComponent) children: QueryList;

  ngAfterContentInit() {
    this.children.forEach(child => {
      switch (child.position) {
        case 'header':
          // 将子组件的内容投射到app-header位置
          child.templateRef.createEmbeddedView(child.templateRef);
          break;
        case 'content':
          // 将子组件的内容投射到app-content位置
          child.templateRef.createEmbeddedView(child.templateRef);
          break;
      }
    });
  }
}

最后，使用父组件和子组件来测试代码。

  
    
      
标题
    
    
      
内容
    
  

这样，子组件的标题和内容将被投射到父组件的app-header和app-content位置。

希望以上示例能够解决你关于Angular 9+中嵌套的ng-content和ContentChildren的疑问。