I updated from Angular 7 to Angular 14 after removing all the errors in my project this is the only error that is stopping me from compiling successfully. I am getting this error on ng serve: /sr...

As of Angular 14, reactive forms are strictly typed by default (Typed Forms). This is great. I have implemented a simple login form like below form = this.fb.group({ username: ['', [Validators.re...

I want to use ngx-avatar in angular standalone component v14. I use it in the template and I was imported it in the component imports. But I got error message: Component imports must be standalone ...

I'm trying to learn the changes in angular 14, especially the inject() feature where i'm able to inject modules to functions and i don't need to create special services for that.. but i think i got...

I'm working on an Angular project, updated from angular14 to 15, but after I install the new Material package the whole project seems visually broken. Wrong colors, margins, paddings. The project o...

When I add either a BrowserAnimationsModule or a NoopAnimationsModule to the imports array of my Standalone AppComponent, it breaks the application. @Component({ standalone: true, imports: [ Com...

I updated my angular project to angular 14. Now I want to have some standalone components, pipes, or directives. I have a featured module named ProductModule and want to use a standalone pipe calle...

I recently migrated from Angular12 to Angular14, Angular automatically converted FormControl to UntypedFormControl in some places. I observed that in some components where I am using FormControl it...

I'm using Angular 14 and Webpack version: ^5.58.1. Below is the config: webpack.congif.js const webpackPlugin = require('@ngtools/webpack').AngularWebpackPlugin; module.exports = { mode: 'developm...

Typed forms are great but I wonder how to initially display a form control with type 'number' as empty input field. I would like to keep my controls as nonNullable as they are required in my form b...

I updated my angular app to Angular 15. It builds ok - unless some warnings like: TypeScript compiler options "target" and "useDefineForClassFields" are set to "ES2022&quo...

While running a project with [deepstream.io-client-js][1] installed in angular 14, getting following error. [1]: https://www.npmjs.com/package/deepstream.io-client-js BREAKING CHANGE: webpack < ...

I have a project which uses Angular 13 and I want to update it to Angular 14. When I try to update with: ng update @angular/core@14 @angular/cli@14 I get: Package "@angular-eslint/schematics&...

Just upgraded to Angular 14, getting error: Types of property 'pathMatch' are incompatible. Type 'string' is not assignable to type '"full" | "prefix"'. Calling from: import {...

I have the following Angular AuthGuard: @Injectable({ providedIn: 'root', }) export class AuthGuard implements CanActivate, CanLoad { constructor(private authService: AuthService, private router:...

I have a directive, which is not standalone. I am trying to use this directive inside Standalone component. while doing it, I am getting below error. I have included directive inside component's i...

I would like to know how to import a non-standalone component into a standalone component, given that the non-standalone component is being declared in an ngModule.

While being on the latest version of Angular (version 14), it seems that I am not doing something well and thus strictly typed reactive forms are not working as expected. Form is initialized inside...

What is the "Angular way" of supporting old browsers? By default an Angular 14 app (built with angular-cli) supports only 20% of the browsers (browsersl.ist). Despite reading the relevant...

I'm trying to add FULLCALENDAR to my Angular v14 project. But after all setup suddenly I'm facing this error Any idea how to deal with this error? package.json "@fullcalendar/angular": &q...

I get this error Error: NG04014: Invalid configuration of route 'inspect//': redirectTo and canActivate cannot be used together. Redirects happen before activation so canActivate will never be exec...

I have the following form: const enum Fields { FirstName = 'firstName', LastName = 'lastName' } interface FormType { [Fields.FirstName]: FormControl<string | null>; [Fields.LastName]: Fo...

I recently started to learn to use Angular 14, but I have a problem. I want to use the property "total" that was created in a component, but got that error "Type 'string' is not assi...

I run my server app with command: ng serve and get error in browser console: Firefox cannot connect to the wss://dev.domain.com/ws server. [webpack-dev-server] Trying to reconnect... or on chrome...

Say I have a form:- searchForm = new FormGroup({ SearchBox = new FormControl<string>('', {nonNullable: true}); )} And I try to do this:- this.Query = this.searchForm.SearchBox.value; The t...