angular14 Questions
3
Solved
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...
3
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...
Espousal asked 17/9, 2022 at 2:39
3
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 ...
6
Solved
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...
4
Solved
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...
Terrence asked 1/2, 2023 at 14:46
6
Solved
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...
4
Solved
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...
Allometry asked 13/10, 2022 at 11:39
1
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...
Osteoporosis asked 19/3, 2023 at 9:27
9
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...
Nonparticipation asked 28/11, 2022 at 14:57
7
Solved
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...
Disprove asked 17/8, 2022 at 20:15
3
Solved
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...
Beamer asked 8/1, 2023 at 12:31
3
Solved
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 < ...
6
Solved
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&...
Sarisarid asked 10/6, 2022 at 9:55
2
Solved
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 {...
Rattat asked 5/10, 2022 at 17:25
1
Solved
I have the following Angular AuthGuard:
@Injectable({
providedIn: 'root',
})
export class AuthGuard implements CanActivate, CanLoad {
constructor(private authService: AuthService, private router:...
2
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...
1
Solved
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.
3
Solved
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...
Lissotrichous asked 19/6, 2022 at 17:38
1
Solved
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...
2
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...
Cubby asked 9/7, 2022 at 5:28
2
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...
Shuttle asked 2/8, 2022 at 13:40
3
Solved
I have the following form:
const enum Fields {
FirstName = 'firstName',
LastName = 'lastName'
}
interface FormType {
[Fields.FirstName]: FormControl<string | null>;
[Fields.LastName]: Fo...
Schaper asked 4/6, 2022 at 15:11
3
Solved
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...
Rimini asked 22/9, 2022 at 3:23
2
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...
1
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...
1 Next >
© 2022 - 2025 — McMap. All rights reserved.