306,725 questions
0
votes
1
answer
11
views
Angular Signal Forms: ERROR RuntimeError: NG01904: Orphan field, can't find element in array <root>
We use Angular V21.1, form signals and angular material. We have two select boxes. The selection of the first select box fills the second one with data. Here is the code:
Template:
<div>
<...
0
votes
0
answers
16
views
V2 Recaptcha request generating multiple network tab calls
On a single reCAPTCHA interaction, we are currently observing three network calls being triggered. This behavior is tied to how reCAPTCHA initializes and operates internally. One of these calls ...
0
votes
0
answers
10
views
DatePicker filter in toolbar not working when using kendoGridFilterTool directive
I am using the Kendo Grid toolbar component with filtering enabled through the kendoGridFilterTool directive.
All filter types work correctly except for the DatePicker filter. When I try to select a ...
1
vote
0
answers
20
views
Flyon UI angular@^21.x integration gives has no exports [import-is-undefined] error
After installing FlyonUI into angular 20.x and 21.x, I am unable to import and use the components.
for example
import { HSAccordion } from "flyonui/flyonui";
Generates a warning in the ...
4
votes
1
answer
39
views
Angular v21 vitest throws ReferenceError: Component is not resolved
While trying to run vitest for Angular v21 we are getting Error:Component 'Redirect' is not resolved:
- templateUrl: ./redirect.html
- styleUrl: ./redirect.scss
Command Used : npx vitest run src/app/...
-2
votes
0
answers
41
views
I'm having trouble with cors, I'm using Angular and Spring Boot, cors is already disabled at security filter chain but the error still happen [closed]
I'm build a fullstack app using Angular and Spring Boot, for security I'm using OAuth2 at backend and OAuth2-oidc at frontend, the issue is that the request has been blocked by cors, but the cors at ...
0
votes
0
answers
34
views
Using guards for private routes in Angular isn't working the way I was expecting, it does not give me access even though I'm logged in
I have a route company that should only be accessible for authenticated users, but it isn't working and then I thought "Oh okay, so this route can be accessible for everybody, but if the user isn'...
0
votes
0
answers
12
views
Lint not picking up errors that Angular language tool is able to locate
In my nx monorepo, the lint or build process is not noticing linter errors inside the .html files that my Angular language tools can detect.
For example a unsafe variable access:
someObject[...
Best practices
0
votes
3
replies
72
views
Best way to share mutable state across operations with concatMap?
I'm working with an rxjs stream where I need to maintain some shared state across multiple sequential operations:
valueChange$.pipe(
concatMap(x => ...
0
votes
0
answers
50
views
Debugging OAuth in Visual Studio with Backend-Managed (.NET 10) Authentication [closed]
How can I debug OAuth in Visual Studio? If an issue occurs in the application, what is the recommended approach for debugging it? I understand that OAuth debugging may be limited in a local ...
Advice
0
votes
4
replies
59
views
How to get an Angular Material table to grow/shrink
I'm not a natural with css/html and realise that my question probably demonstrates my general lack of knowledge around positioning and sizing in css.
I am building an enterprise solution. Across the ...
0
votes
0
answers
40
views
PrimeNG p-toast not showing when using shared ToastService (Angular 21 + PrimeNG), Angular-21 [closed]
I am using Angular 21 (standalone) with the latest PrimeNG.
Problem:
PrimeNG toast messages show correctly in UI when I inject MessageService directly inside a component and call:
this.messageService....
0
votes
0
answers
37
views
I'm having trouble to redirect my user after the login with Angular using the Oauth2 oidc dependency
I'm using basic configs that I got at documentation and after my user is logged in it should redirect the user to a specific path, what I was doing is something like this. And one more thing is that ...
Advice
0
votes
2
replies
68
views
Advice on how to be a good angular dev
I’m learning Angular and currently comfortable with Reactive Forms, API integration, authentication (JWT/cookies) and basic state handling. I’ve implemented login flows, and conditional UI rendering. ...
0
votes
1
answer
40
views
Angular v20 + ng2-charts - It doesn't draw any graphs
I'm using Angular v20 and the ng2-charts library to create a reusable component that draws the chart for me.
I'm sure the problem is within my component. BarChartHorizontalComponent.
...
1
vote
2
answers
74
views
Getting Laravel Spatie Permissions - ExpressionChangedAfterItHasBeenCheckedError
I'm using Laravel as REST API.
My frontend should show
All Permission
All Roles
All Roles with their specific Permissions
My Errors (F12)
(11) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
...
Best practices
0
votes
4
replies
88
views
Migration from Reactive Forms to Signal Forms bottom-up
Currently, we need to migrate all Reactive Forms forms in the project to the new Angular 21+ Signal Forms. The form is very complex, multi-level, with FormGroups within FormGroups, etc. Therefore, we'...
-1
votes
0
answers
33
views
Module Federation remote app missing Tailwind CSS classes that aren't used in host application, I am using angular
Background
I'm working on an Angular application that uses Webpack Module Federation to implement a micro frontend architecture. I recently extracted a module from my main application (host) and ...
1
vote
1
answer
70
views
I'm getting an error "NG0201: No provider found for `_OAuthService`" trying to use the OAuthService in Angular
I'm trying to implement a Keycloak login in Angular. I'm using Angular 21 and I got this error. Most of this code I got from a support and from a video. In the video the guy is using Angular 12.0.0, ...
2
votes
0
answers
63
views
Angular routing is working fine, but some component template is ignored because of other unlinked component usage
I am facing a very strange behavior in my Angular project. It will be quite challenging for me to fully explain, and for you to find out what the problem is.
The Angular version is 20.3.15.
The app ...
1
vote
1
answer
43
views
Provide Angular Keycloak (v19+) config based on ENVIRONMENT_CONFIG not possible
Introduction
I'm currently migrating some projects from Keycloak Angular v18 to v19, with its big rework. One of the changes is that you now have to use the provideKeycloak() method in the providers ...
0
votes
1
answer
72
views
Form is invalid but errors Array is null [closed]
I have this error where the form is invalid but the errors Array is null.
Chrome 144.0.0.0 (Windows 10): Executed 11 of 37 SUCCESS (0 secs / 0.216 secs)
LOG: 'test project'
Chrome 144.0.0.0 (Windows ...
2
votes
1
answer
103
views
How to set HttpContext in Angular 18 with decorators?
I have many methods (GET, POST, PUT..) like this:
profile(): Observable<UserProfileInfoDTO> {
return this.http.get<UserProfileInfoDTO>(this.apiUrl + '/user/profile');
}
On the server, ...
4
votes
2
answers
117
views
Why is my text not updating on my HTML even though it changes on my .ts? How do I fix this? [closed]
I am trying to create a terminal Pop-up which types out a message then redirects. The terminal does pop-up and the cursor is visible but the message does not get typed out. I have debugged it a few ...
-1
votes
0
answers
126
views
https requests are aborted in angular application
I changed my angular (version 21) application from HTTP to HTTPS, after changed the application it throws an abort exception for every request. Can anyone give a advice to solve this issue?.
chrome ...
3
votes
1
answer
66
views
Angular v21 SSR: validate user-agent in guard
I have an Angular v21 SSR app where I want a canMatch guard to choose mobile vs desktop routes based on the user-agent:
//app.routes.ts
export const routes: Routes = [
{ path: '', loadChildren: () =&...
1
vote
2
answers
80
views
Direct Upload to S3 from Angular failing with 400 response
I am attempting to upload a file directly to S3 using a put_object presigned URL. When I attempt to upload using a PUT command via the HttpClient I get a 200 on the preflight, but then 400 on the ...
0
votes
0
answers
32
views
Refresh Ag-grid header on rowSelection condition change
I have an aggrid with 5 rows. The objective is to show the checkboxes from the third row onwards. Initially on the page loads(readonly mode) the header checkbox should be disabled and lets say i have ...
Tooling
1
vote
0
replies
65
views
What free and open‑source JavaScript libraries (other than SurveyJS or Form.io) are best for building surveys?
I’m looking for a free and open‑source JavaScript library to build surveys in a web application. I’ve already evaluated the popular options like SurveyJS, Form.io, and a few similar tools, so I’m ...
0
votes
1
answer
56
views
Angular 20 Unit tests with Jasmine : TypeError: Cannot read properties of undefined (reading 'root')
I am new to unit testing in Angular with Jasmine and I'm trying to get the tests of my app component running but I keep getting the error TypeError : Cannot read properties of undefined (reading 'root'...
1
vote
3
answers
115
views
Output ngModel value only when valid [closed]
I am currently migrating an AngularJS application to Angular 19+. I am using template-driven forms, because it is close to the AngularJS way of doing it.
When I have a form input in AngularJS using ng-...
Advice
0
votes
4
replies
74
views
Laravel and Angular? Recommended? Why? Why Not?
im a beginner in web-development but curious to learn new things and finding my way in programming my own websites / web-apps.
I heard that Laravel as backend is very recommendet because its simple ...
0
votes
0
answers
69
views
Module federation not working on angular 20
When adding Module Federation to a new Angular 20 project using
ng add @angular-architects/module-federation and building the app with npx ng build, the build completes successfully.
However, when ...
0
votes
0
answers
64
views
Angular 20 SSR & Prerendering: Subpages "Crawled - currently not indexed" on Firebase Hosting
I am struggling with an indexing issue on an Angular 20 project hosted on Firebase. While my main landing page is indexed, all subpages remain in the Google Search Console (GSC) status: "Crawled –...
1
vote
1
answer
122
views
How to write custom schema validator functions for union types?
We have a bunch of nested models and I'm currently writing schema validator functions for those models so that we can combine the overall validation with some kind of encapsulation of the validation ...
0
votes
0
answers
51
views
Angular Capacitor Android: Making Password Manager Work with Login
I’m working on an Android app. I want to make the password manager on Android (Samsung device) usable with my login form.
I’m testing the app via USB debugging on an older Samsung phone. According to ...
1
vote
0
answers
43
views
How to make skeleton loaders with a delay work with SSR + hydration on initial render?
I'm trying to implement skeleton loaders alongside SSR and Angular hydration, but I'm facing a problem where I can't figure out how to make this work properly on initial render.
delay(1000) is applied ...
1
vote
1
answer
61
views
Angular 18 UI breaks when removing unsafe-inline from style-src CSP
I'm working on an Angular 18 project (no SSR, standard client-side rendering).
My goal is to have a strict CSP without 'unsafe-inline' or 'unsafe-eval' anywhere.
Current web.config CSP (very strict):
...
1
vote
1
answer
57
views
Is it possible to generate @cases?
In Angular 16, I had code like this to generate switch cases using the old syntax:
<div [ngSwitch]="someOption">
<ng-container *ngFor="let element of coll">
...
0
votes
2
answers
59
views
Extend signal form's FormField directive
Just learning signal forms and I'm trying to extend the functionality of the new FormField directive in angular 21 to add some custom classes to show valid/invalid states on my input.
So, here's what ...
Best practices
0
votes
2
replies
48
views
Angular v21 SSR provide dynamically loaded routes
I have Angular v21 app in ssr standalone architecture. In my app.ts I dynamically load either a mobile or desktop version depending on the window width. I want both mobile and desktop versions to ...
0
votes
0
answers
65
views
Angular 17 - routes extraOptions not working in a standalone + modules type mix application
Environment:
Angular 17
Application starts as standalone. Some parts of the application is having standalone components and some have modules. The issue is in a component which is part of a module.
...
0
votes
2
answers
79
views
Multiple instances of angular component react to changes from other instances
I have a moderately sized angular app with an edit control (edit, save, cancel) used throughout the app that controls permissions, view state/etc. There can be multiple instances of this component in ...
Best practices
1
vote
3
replies
47
views
Angular : data fetched is not appearing in html
I am creating an e-com project. I am fetching data from the backend, the data is being returned, but in my html, the array is appearing empty.
private apiService = inject(sProducts);
url: string = &...
0
votes
2
answers
64
views
Angular 14 ES5 build still fails on LG webOS 3 / webOS 4 (Chromium 68) – runtime error Cannot read property 'get' of undefined
We are using Angular 14 for our frontend application. As per Angular’s build process, the final output is plain HTML, CSS, and JavaScript. Based on this, our understanding is that Angular applications ...
0
votes
1
answer
28
views
Cypress unable to find a Quill editor in Angular table
I am trying to automate a table test on a site written in Angular, I can get Cypress to find the field label but it just won't locate the actual Quill editor inside the multiple-text element. I can ...
0
votes
1
answer
81
views
Building Angular app with 'npm run build' gives Node.js version error, but 'ng build' works
When I try to run npm run build , Angular complains about the Node version installed. The version it's complaining about is not installed at all, and definitely not the one that NVM currently set to.
...
1
vote
1
answer
79
views
How to do a parameterized animation using animate.enter in Angular 21?
I'm currently migrating my projects from @angular/animations to CSS animations because the animations library is deprecated and going to be removed in Angular 23.
Migrating animations to CSS ...
Best practices
0
votes
2
replies
45
views
One signal vs. multiple derived signals for complex api responses?
I’m working on a project using Angular 17+ Signals and I’m looking for some advice on the best way to expose data from a service to multiple different forms.
I have an API that returns a settings ...
0
votes
0
answers
100
views
CanActivate and SSR In Angular 21
I encountered an issue with my Angular Guard. When I type a path, for example /home, I get automatically redirected to /login.
Here’s the Guard code I’m using:
import { isPlatformBrowser } from '@...