Angular · Directive

@defer

@defer lazy-loads template dependencies that are not needed for the first render. It supports triggers, prefetching, and placeholder, loading, and error states.

Last updated 2 November 2026

@defer (on <trigger>; when <condition>; prefetch on <trigger>; prefetch when <condition>) { ... } @placeholder (minimum? <duration>) { ... } @loading (minimum? <duration>; after? <duration>) { ... } @error { ... }

Source: @defer • Angular. Checked 2026-11-03.