NgModule

import {NgModule} from '@angular/core';

@NgModule({
  // 이곳에 메타데이터를 작성합니다.
})
export class CustomMenuModule {}

@NgModule({
  /* ... */
  // CustomMenu와 CustomMenuItem은 컴포넌트입니다.
  declarations: [CustomMenu, CustomMenuItem],
})
export class CustomMenuModule {}

const MENU_COMPONENTS = [CustomMenu, CustomMenuItem];
const WIDGETS = [MENU_COMPONENTS, CustomSlider];

@NgModule({
  /* ... */
  // 이 NgModule에는 CustomMenu, CustomMenuItem,
  // CustomSlider, CustomCheckbox를 모두 선언합니다.
  declarations: [WIDGETS, CustomCheckbox],
})
export class CustomMenuModule {}

@Component({
  // NgModule에 선언할 수 있도록 컴포넌트에 `standalone: false`를 지정합니다.
  standalone: false,
  /* ... */
})
export class CustomMenu {
  /* ... */
}

@NgModule({
  /* ... */
  // CustomMenu와 CustomMenuItem은 PopupTrigger와 SelectorIndicator 컴포넌트에 의존합니다.
  imports: [PopupTrigger, SelectionIndicator],
  declarations: [CustomMenu, CustomMenuItem],
})
export class CustomMenuModule {}

@NgModule({
  imports: [PopupTrigger, SelectionIndicator],
  declarations: [CustomMenu, CustomMenuItem],

  // CustomMenuModule을 로드하는 컴포넌트와 NgModule에서
  // CustomMenu와 CustomMenuItem을 사용할 수 있도록 합니다.
  exports: [CustomMenu, CustomMenuItem],
})
export class CustomMenuModule {}

@NgModule({
  imports: [PopupTrigger, SelectionIndicator],
  declarations: [CustomMenu, CustomMenuItem],

  // CustomMenuModule을 로드하는 컴포넌트와 NgModule에서 PopupTrigger도 사용할 수 있도록 합니다.
  exports: [CustomMenu, CustomMenuItem, PopupTrigger],
})
export class CustomMenuModule {}

@NgModule({
  imports: [PopupTrigger, SelectionIndicator],
  declarations: [CustomMenu, CustomMenuItem],

  // OverlayManager 서비스를 제공합니다.
  providers: [OverlayManager],
  /* ... */
})
export class CustomMenuModule {}

@NgModule({
  imports: [CustomMenuModule],
  declarations: [UserProfile],
  providers: [UserDataClient],
})
export class UserProfileModule {}

bootstrapApplication(MyApplicationRoot, {
  providers: [CustomMenuModule.forRoot(/* some config */)],
});

@Component({
  /* ... */
  providers: [CustomMenuModule.forChild(/* some config */)],
})
export class UserProfile {
  /* ... */
}

import {platformBrowser} from '@angular/platform-browser';
import {NgModule} from '@angular/core';

@NgModule({
  bootstrap: [MyApplication],
})
export class MyApplicationModule {}

platformBrowser().bootstrapModule(MyApplicationModule);