Imports property
The Angular imports property lists modules, components, directives, and pipes whose exported features are available to the declaring component or module.
Pro Angular 16
The imports property is Angular module metadata containing the modules whose exported features are available to an Angular module.
- How it is used
- Lists framework and custom module dependencies in `@NgModule` metadata so their exported features are available to the importing module.
- How deep it goes
- Works through root, store, utility, and dynamically loaded module configurations; stops short of explaining Angular’s internal module-loading mechanism.
- Examples
- Shows `BrowserModule` in a root module, model and forms dependencies in a store module, and child routes in an administration module.
- What you can do after
- Operate/configure it to give an Angular module the framework features, custom features, and child routes it needs.
Modern Angular
The imports array is Angular component metadata that lists modules, standalone components, directives, and pipes available to that component.
- How it is used
- Enables standalone components to declare template dependencies without relying on NgModule lookup.
- How deep it goes
- Explains metadata usage through FormsModule and NgIf examples, then extends into incremental migration mechanics.
- Examples
- Uses a standalone login form with ngModel bindings, NgIf validation, FormsModule, and a root AppComponent importing RouterOutlet.
- What you can do after
- Apply it via Angular component metadata to assemble standalone templates and migrate NgModule declarations incrementally.
Related concepts
- standaloneused by · A standalone component is an Angular component that can be used without belonging to an NgModule and can declare its dependencies directly.
- Angular moduleconfigures · An Angular module is an NgModule-based application unit that groups and configures declarations, imports, providers, and exports.
- NgOptimizedImageused by · NgOptimizedImage is an Angular directive that optimizes image loading, supports image priority metadata, and integrates with content delivery network providers.
- exports propertycontrasts with · The exports property is Angular module metadata listing declarations or imported features made available to other Angular modules.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.