Typescript target warnings after Angular 15 update

To understand this warning, we first need to understand how the Angular build works. First, the TypeScript build needs to run. During this step, with the settings in the tsconfig.json, your TypeScript code is being compiled into JavaScript. If you set target to ES6, prior to Angular 15 the TypeScript build would produce ES6 code. … Read more

How to add BrowserAnimationsModule or NoopAnimationsModule to Standalone Component?

The importProvidersFrom function provides a bridge back to the NgModule world. It should not be used in component provide as it is only usable in an application injector Add importProvidersFrom function to provide BrowserAnimationModule inside main.ts. main.ts bootstrapApplication(AppComponent,{ providers:[importProvidersFrom([BrowserAnimationsModule])] }); Forked Example Update Angular 14+ Angular new versions provide two new function provideAnimations() and provideNoopAnimations() … Read more

Angular 14 strictly typed reactive forms – How to type FormGroup model using existing interface

I also ran into this because I always assign my FormGroup later and I was not happy about having to add a ton of boilerplate types on every FormGroup declaration. It felt like I was repeating myself, so what I ended up doing was creating a utility type which has been working well. export type … Read more