Angular Universal 是 Angular 框架的一个特性，它允许在服务器端渲染 Angular 应用。当在服务器端渲染 Angular 应用时，有时会遇到内部组件未被渲染的问题。下面是一种解决方法，其中包含了一些代码示例：

1. 确保在 Angular 项目的根模块中正确配置了 Angular Universal：

// app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { ServerModule } from '@angular/platform-server';
import { AppModule } from './app.module';

@NgModule({
  imports: [
    BrowserModule.withServerTransition({ appId: 'my-app' }),
    ServerModule,
    AppModule
  ],
  bootstrap: [AppComponent]
})
export class AppServerModule { }

2. 在组件中使用 isPlatformServer 方法来检查是否在服务器端渲染，并执行相应的操作：

import { Component, OnInit, PLATFORM_ID, Inject } from '@angular/core';
import { isPlatformServer } from '@angular/common';

@Component({
  selector: 'app-my-component',
  template: `
    
My Component
    
{{ data }}
  `
})
export class MyComponent implements OnInit {
  data: string;

  constructor(@Inject(PLATFORM_ID) private platformId: Object) { }

  ngOnInit() {
    if (isPlatformServer(this.platformId)) {
      // 在服务器端渲染时执行的代码
      this.data = 'Data from server';
    } else {
      // 在浏览器端渲染时执行的代码
      this.data = 'Data from browser';
    }
  }
}

3. 如果使用 Angular Universal 的服务端渲染（SSR），确保在服务器端渲染时预取数据并将其传递给组件。例如，可以使用 TransferState 服务来传递数据：

import { Component, OnInit } from '@angular/core';
import { TransferState, makeStateKey } from '@angular/platform-browser';

const MY_DATA_KEY = makeStateKey('myData');

@Component({
  selector: 'app-my-component',
  template: `
    
My Component
    
{{ data }}
  `
})
export class MyComponent implements OnInit {
  data: string;

  constructor(private transferState: TransferState) { }

  ngOnInit() {
    if (this.transferState.hasKey(MY_DATA_KEY)) {
      // 从服务器端传递的数据
      this.data = this.transferState.get(MY_DATA_KEY, '');
    } else {
      // 在浏览器端渲染时执行的代码
      this.data = 'Data from browser';
    }
  }
}

使用这些方法，可以确保在 Angular Universal 中正确渲染内部组件，并在服务器端和浏览器端执行相应的代码。