Questions tagged [angular]
Questions about Angular (not to be confused with AngularJS), the web framework from Google. Use this tag for Angular questions which are not specific to an individual version. For the older AngularJS (1.x) web framework, use the AngularJS tag.
angular
306,369 questions
0
votes
0
answers
91
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
56
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:
...
Best practices
0
votes
0
replies
31
views
full-calendar usage in Angular for multi months (over a year) with type 'list' custom view
What is the best way to use full-calendar in angular, I would display the events on the range eg. 2025.12.01 - 2026-02-28 but always display the first month events inspite of the fact that the all ...
1
vote
2
answers
60
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 ...
-1
votes
0
answers
42
views
How do I customize my Keycloak forms for self-registration [closed]
I'm doing a fullstack project, and for some obvious reasons I choose to use OAuth2 with Keycloak, of all tutorials that I've watched no one mention about self-login and self-registration so my primary ...
0
votes
0
answers
20
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
47
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
50
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 ...
1
vote
3
answers
97
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
57
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
58
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
58
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 –...
0
votes
1
answer
94
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
41
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
41
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.
...
0
votes
0
answers
39
views
Ivy crashes because _lView index goes beyond 32767 on a very large Angular template (works in View Engine) [closed]
I’m migrating an Angular v11 application from View Engine to Ivy.
One component template is huge (about 2.6 MB of HTML, auto-generated).
Under View Engine, everything works.
Under Ivy, the application ...
1
vote
1
answer
54
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
53
views
Is it possible to generate @cases?
In Angular 16, I had code like this to generate switch cases using the old syntax:
...
0
votes
2
answers
50
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 ...
Best practices
0
votes
2
replies
33
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
63
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
1
answer
64
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
42
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.
...
0
votes
2
answers
61
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
27
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
73
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 ...
0
votes
1
answer
71
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.
...
-2
votes
0
answers
43
views
Micro frontend using Angular 18 native federation module with Primeng 18 [closed]
We have a micro frontend setup consisting of a host application (shell app) and a remote application. PrimeNG v18 and its required dependencies (PrimeIcons, PrimeFlex, Angular CDK) were installed and ...
-1
votes
0
answers
98
views
How to loop over an array of complex sub-objects? [closed]
Let's take this simple example: I have want to write an app that edits an objects that has a list of e.g. users as one property and a user edit component should be rendered for every user in the list.
...
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
90
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.
...
1
vote
1
answer
49
views
How to add conditions to an i18n translation file
I have an angular application available in English and French. It displays the list of pictures of different countries
...
1
vote
0
answers
83
views
HTML Canvas Drawing Works on Desktop But Not Mobile
I am attempting to use HTML canvas to collect signatures. The drawing works perfectly on mobile but I cannot seem to get the drawing to work on mobile. To be clear the canvas does appear on mobile, it ...
Best practices
0
votes
3
replies
31
views
Angular + .NET (Azure AD BFF): Handling 401 due to token expiry without losing unsaved form data (auto-save to DB only)
I’m working on an Angular frontend with a .NET BFF backend secured using Azure AD authentication (cookie-based, no tokens stored in local/session storage).
Current setup:
Frontend: Angular
Backend: ....
0
votes
2
answers
109
views
Angular TypeScript Element implicitly has an 'any' type because expression of type '1' can't be used to index
I am using Angular to pull a JSON file from a URL and trying to display the values in my page. My current issue is I am getting an error as follows:
...
Advice
1
vote
1
replies
26
views
Can you add extra item to data retrieved with httpResource?
Let's say I retrieve a list of items with a regular HttpRequest, and inside subscribe, I set the value and later update the signal to add more items:
...
1
vote
1
answer
69
views
Capture Entra Id AADSTS50105 error in SPA using Angular MSAL
I have an Angular SPA application which uses Angular MSAL, enabling users to log into the application. The security permissions (Read directory data) to access the Entra Id User Log Data have been ...
1
vote
2
answers
123
views
Can I use angular effects for API calls?
I have 3 signals. All of them are needed to fetch wiki items. My current approach is to define an effect in the constructor of the component which checks if all the signals have a value and if so, ...
0
votes
0
answers
72
views
NgRx SignalStore: Orchestrating multi-store dependencies (parallel fetching) without coupling?
I am building a large-scale enterprise Angular application using NgRx SignalStore. I strictly separate my modules (e.g., ...
3
votes
2
answers
94
views
Property 'example' does not exist on type ' componentName'
Using Angular v17, I am trying to get data from app.component.ts into home.component.ts but I am getting an error "Property 'results' does not exist on type 'HomeComponent'."
My full project ...
Advice
1
vote
2
replies
55
views
Angular Signal Forms: How can custom controls become invalid
I know that Angular gives the following advice for validation in custom controls:
IMPORTANT:...
4
votes
2
answers
123
views
How to track if view is rendered for new input in Angular
I have an Angular v20 application with signal implementations. On one of the logics, I have a component where I have to set the id of the dom element from the signal directly. When I update the signal ...
2
votes
1
answer
58
views
How do I get chip like text from user free input using p-autocomplete? (Alternative to p-chip)
My primeng version got upgraded from 17.18.12 to 19.1.3.
In my 17.18.12 version, I was using p-chips component with following attributes:
...
2
votes
0
answers
98
views
Blazor WebAssembly Custom Elements fail to load resources after upgrading to .NET 10
I am using Blazor WebAssembly custom elements inside an Angular application via
Microsoft.AspNetCore.Components.CustomElements.
I register the Blazor components ...
0
votes
0
answers
67
views
Angular html image refresh behaves differently in FireFox compared to other browsers like Edge and Chrome
So I have a video feed on my Angular site, except it's not a real video feed and is instead just a static image that refreshes every second. Note that this is intended as the source of the feed doesn'...
3
votes
2
answers
150
views
setTimeout not triggering change detection in my Angular code
I am trying to create a toast service for my e-commerce project. Initially, this was my code below. There is a toasts array and an ...
2
votes
1
answer
133
views
Angular Electron: Typescript component is not rendered in index.html
I am new in Angular environment and I am actually developing a little desktop app with electron.
I have inserted the selector (app-root) of the App component (generated automatically) into index.html'...
0
votes
1
answer
126
views
How to wrap ngMenu into a reusable component while letting consumers provide a custom trigger button?
There's an example on using the new Angular Aria menu feature here.
Below is a simplified version of the example code (with only one button):
...
-1
votes
1
answer
82
views
Angular version 18.2.14 has a bug on @Directive standalone compiling
Looks like Angular version 18.2.14 has a bug on @Directive standalone compiling
the directive:
...
0
votes
0
answers
52
views
Can I use node version X for building Angular Frontend and node version Y for building backend and serving the web app?
We have a Angular Web app which has a node js backend. We are using currently node version Y.
For CICD we are using a Jenkins server. Jenkins server and web server are both using node version Y. ...