在 Angular 应用程序中，组件实例化的顺序是与其在模板中的嵌套关系相同的顺序。也就是说，最先实例化的是根组件，然后是嵌套在根组件中的子组件，以此类推。如果一个组件被另一个组件包含，则它们的实例化顺序也是包含关系的顺序。以下是一个简单的示例：

在 HTML 文件中：

在 TypeScript 文件中：

@Component({
  selector: 'app-root',
  template: `
    
    
      
      
    
    
  `
})
export class AppComponent {}

@Component({
  selector: 'app-header',
  template: '
Header Component
'
})
export class HeaderComponent {}

@Component({
  selector: 'app-content',
  template: ''
})
export class ContentComponent {}

@Component({
  selector: 'app-sidebar',
  template: '
Sidebar Component
'
})
export class SidebarComponent {}

@Component({
  selector: 'app-main',
  template: '
Main Component
'
})
export class MainComponent {}

@Component({
  selector: 'app-footer',
  template: '
Footer Component
'
})
export class FooterComponent {}

在上面的示例中，AppComponent 是根组件，它包含了所有其他组件。因此，它是最先实例化的组件。接下来，HeaderComponent、ContentComponent、FooterComponent 顺次实例化，其次是SidebarComponent 和 MainComponent。实例化顺序与它们在 HTML 文件中的嵌套关系一致。