Standalone components

An Angular standalone component is a self-contained component that declares its own dependencies (other components, directives, pipes) in its imports property, without an NgModule. It is the default approach in recent versions of Angular.

Example

@Component({
  selector: 'app-titre',
  standalone: true,
  template: '<h1>Hello</h1>'
})
export class TitreComponent {}

Related concepts

The whole glossary