Angular Standalone

Angular Standalone Components

Version: Angular 21 (2025) Tags: Standalone, Components, Imports, Bootstrap

References: Standalone Guide • Migration

API Changes

This section documents recent version-specific API changes.

• NEW: Standalone by default — New components are standalone by default since Angular 17

• NEW: provideRouter for standalone — Use functional providers instead of RouterModule

• NEW: ng generate @angular/core:standalone — Migration schematic

• DEPRECATED: NgModule — Migration to standalone components recommended

Best Practices

• Create standalone components

@Component({
  standalone: true,
  imports: [CommonModule, MatButtonModule],
  selector: 'app-my',
  template: `<button>Click</button>`
})
export class MyComponent {}

• Use imports array for dependencies

@Component({
  standalone: true,
  imports: [
    CommonModule,
    RouterModule,
    MatCardModule,
    MyChildComponent
  ],
  template: `
    <mat-card>
      <app-my-child></app-my-child>
    </mat-card>
  `
})
export class ParentComponent {}