77 words
1 minutes
How to install Angular Material in Angular 17
Modify angular.json
from root folder:
{ "projects": [ "[application-name]": { "architect": { "build": { // "builder": "ngx-build-plus:browser", "builder": "@angular-devkit/build-angular:browser", "options": { // "main": "path/to/[application-name]/src/main.ts", "main": "path/to/[application-name]/src/bootstrap.ts", } } } } ] }
Let’s install Angular Material:
ng add @angular/material
Optional steps:
Move all Angular Material auto generated styles, providers to root module/component of the application.
In the root component which imports Angular Material styles, add this config for sharing css via Module Federation:
@Component({ //... encapsulation: ViewEncapsulation.None, //... })
Finally, revert above angular.json
changed configs.