307,012 questions
0
votes
0
answers
15
views
Quill color and Cursor issue
I'm implementing a custom color picker for Quill.js to allow users to select colors beyond the default palette. My solution involves using a native browser element, triggered by a custom 'color-...
- 31
0
votes
0
answers
16
views
cdk overlay inside another cdk overlay
I'm using Angular CDK Overlay in my project, and I've created two separate components: one for a dropdown and another for a modal. Both the modal and the dropdown are implemented using overlay.create()...
- 11
2
votes
0
answers
14
views
Project structural directive using ng-content in Angular
I am working on an Angular project and I've made my own table <app-table> component by wrapping an existing table component from the team, let's say <inner-table>, inside it. Please keep ...
- 21
0
votes
0
answers
17
views
Angular child routes not reloading the component
I'm trying to write a very basic calorie couting app, however I've run into an issue with child routing in Angular.
I have a list of child routes selectable from a list that should route to a child ...
- 115
0
votes
1
answer
22
views
Angular Apps Using Same IdentityServer – Silent Refresh Fails When Redirecting Between Two Apps
I have two independent Angular applications (url1 and url2), both hosted on Azure Kubernetes Service (AKS) and configured to use the same IdentityServer (OIDC-based) for authentication.
Application ...
0
votes
1
answer
73
views
Cancel current Angular HttpClient requests [duplicate]
I have an chatbot app built using Angular 18 (Standalone), it allows the users to submit questions where the responses are streamed back using Angular's HTTPClient and then displayed in the UI.
...
- 1,098
0
votes
0
answers
33
views
How is the new change detection in Angular 20 handled in AppConfig?
In a test project I have, I request information from Firebase, but when I launch the app, the content doesn't load unless I click on a route that takes me to the same component that loads on startup.
...
0
votes
0
answers
38
views
Angular standalone components library and NGRX slices
I'm migrating an application to standalone components using the following:
ng generate @angular/core:standalone
I've already migrated every component to standalone. I now need to remove unnecesary ...
- 95
0
votes
0
answers
25
views
How to tell the angular cli to let tailwind apply style to svgs in my public folder
I am building a angular frontend (v20) with tailwind 4.
To keep my svgs separated from my UI code, I want to put them into a separate folder.
I found out that for angular to serve the resources to the ...
- 1
0
votes
0
answers
44
views
angular cdk withScrollableContainers
I'm using Angular CDK Overlay in my project. I have a modal, and inside this modal, there’s an input field. When I click on that input, a dropdown opens. The dropdown is connected to the input within ...
- 11
-1
votes
0
answers
42
views
Set up static web app in Firebase App Hosting
I'm trying to set up a static server in my App Hosting backend for my Angular app (client-side rendering).
For that, I'm following the instructions provided here and I am trying to use superstatic, as ...
- 12.4k
0
votes
0
answers
14
views
MSAL javascript library, getting "client_id_aud_mismatch" error when trying to get access token
I'm using msal in an angular app inside an Outlook Add-in. Using IPublicClientApplication which gets initialized in the Office.onReady event like this:
import { createNestablePublicClientApplication, ...
- 146
0
votes
0
answers
77
views
dotenv with Angular 19
Ater reading the official docs, going through SO and some Medium articles, I still can't figure out how to set up dotenv in such a way that it replaces src/environments/environment.ts variables with ...
- 3,782
1
vote
1
answer
49
views
Openlayers Pmtiles Vector Styling
I have some .pmtiles that i serve using a server, in my angular code i create a new layer using PMTilesVectorSource, i want to style it using the stlye.json i got from the https://maps.protomaps.com/ ...
2
votes
1
answer
57
views
Change font family 'MyriadPro' for Angular material 18, in mat-tab
I'm migrating angular/material from 12 to 18, and refactoring my project css also
In Package.json:
"@angular/core": "^18.2.13",
"@angular/material": "^18.2.13",
...
- 77
-1
votes
0
answers
66
views
Problem with MIME type error when redirecting to Angular (with i18n) route via Azure Frontdoor rule
We have a multi-lingual Angular (v17) application where, by default, during the user's first visit public home route is used (https://example.com/de/public/home). However, we also have a special ...
- 79
1
vote
1
answer
60
views
Using input signals directly vs. making computed signals
I am working in Angular using the new signals API. I have an input signal that I am reading to create other computed signals, and am also directly reading inside of a template, like so:
Template:
<...
0
votes
0
answers
36
views
Angular NBG Modal appears at the bottom of the screen
I have an Angular app using NgbModal from ng-bootstrap, but the modal appears incorrectly: instead of centering and overlapping the parent, it renders at the bottom of the screen underneath the parent ...
- 169
1
vote
2
answers
100
views
Angular *ngIf not removing element even when condition becomes false DOM keeps adding duplicate elements
I'm working on an Angular app (v14+), and I’m facing a strange issue with *ngIf inside a component.
Inside my component template (post-card.component.html), I have this simple test markup:
<span>...
- 9,419
1
vote
1
answer
42
views
Sendbird Issue Connecting Without Access Token Despite “Read & Write” Permission Enabled using javascript SDK
I am trying to integrate the Sendbird JavaScript SDK into my Angular 8 application. However, I’m unable to connect a user without providing an access token, even though the “Allow users without access ...
- 13
-1
votes
1
answer
65
views
Trying to read file from the project [closed]
I want to read my local data into stackblitz project. I have the file to the project and here is the code that trying:
ngOnInit() {
this.getFileData()
.subscribe(response => console.log(response))...
- 5,006
2
votes
1
answer
131
views
Angular - bootstrap carousel - How to bind active item
How to achieve this :
When I click on right arrow of the carousel, I want to trigger a method with the item index as parameter.
Some thing like <button ... (...)="eventHandler(index)" .....
0
votes
1
answer
64
views
Access to XMLHttpRequest blocked by CORS policy
I'm getting the below error when trying to access https://myappuat.returnsportal.test.local
Access to XMLHttpRequest at
'https://myappuat.portalshellapi.test.local/api/portalmodule' from
origin '...
- 799
1
vote
0
answers
68
views
Animating angular form
I am using angular 20 and angular material 20.
I have a 2 forms at 2 stages that need to be transitioned between after a delay. I have a common animation I am using for when elements attach and detach....
-3
votes
0
answers
73
views
Angular 20 and fetching files in unit tests
I have an Angular 19 app which I just upgraded to version 20 and now all of my unit tests which fetch files to process are failing with 404 errors. I have changed noting at all in my unit tests or ...
- 34.5k
1
vote
1
answer
74
views
How to bind outputs to ng-template in Angular 20?
I'm doing the following, which works as expected.
<ng-container
*ngComponentOutlet="
step.component | async;
inputs: {
someId: someId,
stepper: stepper,
step: step,
...
- 39.9k
0
votes
0
answers
34
views
Angular + Nx: Cannot resolve module aliases like @frontend/* even with correct tsconfig.paths
I'm working in an Nx monorepo with Angular, and I have module aliases set up in tsconfig.base.json like this:
"paths": {
"@frontend/*": ["apps/frontend/src/app/*"],
&...
- 11
0
votes
1
answer
56
views
Two-way binding not working in custom component in Angular
I'm trying to create a custom Angular component with @Input() and @Output() to support two-way binding using [(value)], but it's not working as expected. The parent component is not getting updated ...
0
votes
0
answers
20
views
Deck.gl Heatmap values don't add up
I'm using deck.gl for the first time to show heatmaps of prices. However the circles don't add up, and it looks like they are cutting each other off. What am I doing wrong here?
Code:
type DataType =...
- 1,373
3
votes
4
answers
106
views
Angular difference between ng-container and div
Since I can do *ngif on both why even use ng-container and just use div everywhere instead? I know it has something to do with the dom not being as cluttered but I actually want to know if that is ...
- 467
0
votes
0
answers
21
views
Sign In With Apple JS stuck on Continue Button
I'm using Apple js in my angular to app for sign in purposes
this is the code to Init my apple sdk
AppleID.auth.init({
clientId: 'net.membertomember.customer',
scope: 'name email',
...
0
votes
0
answers
30
views
CloudWatch RUM | Log Sending Issue from angular application
I am sending data to cloud watch Rum service from my angular application, only for few times it sends data after that it does not send any data, also does not call the dataplan api, I tired to setup ...
- 73
-3
votes
0
answers
30
views
Angular 19 Migration: White screen on LG signature TV + other devices [closed]
A few weeks ago, I updated my Angular.io web application from version 6 to version 19. Among other things, the Ecmascript target version was also adjusted.
My application works without any problems on ...
- 13
0
votes
0
answers
33
views
How to override Specific CMSParagraphComponent in SAP Spartacus and inject custom styles/scripts from CMS?
We're using SAP Spartacus as the frontend and fetching dynamic content from SAP Commerce Backoffice. Our CMS team is managing FAQ-style content using the CMSParagraphComponent.
Problem:
The content ...
- 25
-1
votes
0
answers
38
views
How to choose which to use classic angular input or signal input [closed]
I have done a lot of research but I could not reach a convincing and clear answer.
I am building a new Angular v19 app, and for local component variables input, I have considered the following ...
- 69
2
votes
1
answer
47
views
Router outlet sibling styling
I've come back to Angular after a long time and am a bit confused. Last time I used angular any routes defined where being rendered as children of router outlet. But now it is being rendered as child ...
1
vote
0
answers
66
views
Directly access a child route by copying and pasting a URL from outside the app
The url: http://www.example.com/#/orders/new/today/3640963 shows me the 'new tab', with the order details view open.
This is when I click to it in the app. If I copy that URL and paste it in a new ...
- 729
0
votes
0
answers
30
views
Trying to load tailwind v4 into library from Angular Monorepo
I have an Angular monorepo set up with a main app main in projects/main/... and a library qrcode in projects/qrcode/... and I'm trying to have tailwind available for the lib. Tailwind (V4) does work ...
- 81
1
vote
1
answer
53
views
How to prevent the row element from getting changed due to two-way binding in Angular
In Angular, i created a sample CustomerApp that gets CustomerName,Code,Amt from a html ui and adds it as a row in a html table. There is an option to select a particular row and when selected, that ...
- 382
1
vote
1
answer
29
views
Angular Material Autocomplete Input Refocusing After MatDialog Closes
The issue I'm encountering is that after the MatDialog closes, the autocomplete input field automatically regains focus. This is not the desired behavior. I'd like to prevent this automatic refocusing....
- 13
2
votes
1
answer
69
views
Why does Angular 18 (ESBuild) generate so many initial chunks after migrating from Angular 14?
I recently migrated my project from Angular 14 to Angular 18, and I’m noticing a huge increase in the number of initial chunks generated during the production build using ESBuild.
In Angular 14 (with ...
0
votes
0
answers
29
views
Angular 20 SSR only generates one server.mjs for all locales (unlike Angular 19) – How to fix localized SSR rendering?
I'm upgrading my Angular Universal app from Angular 19 to Angular 20, and I noticed a major change in how SSR handles localization.
In Angular 19, when building a localized SSR app, the build would ...
- 1
-1
votes
1
answer
41
views
Angular build fails when npm Artifactory changes
I have a project that's behind corporate proxy. We used to use an internal Artifactory (X) - everything works. I can commit and push, the build agent picks it up, downloads npm packages, builds and ...
- 6,437
0
votes
0
answers
46
views
Why does my app get stuck at loading when run ng serve?
My Angular (version 17) app has a strange issue. When I call an API service inside my component, the page gets stuck at loading — nothing renders.
However, if I comment out the API call, the app loads ...
- 1
2
votes
1
answer
81
views
Angular Signal Effect inside our outside Constructor [closed]
Does Angular have any guidance where I should put the Effect code? Is it generally inside Constructor or outside? What are the advantages / disadvantages for each method?
export class CustomerForm {
...
- 1,277
3
votes
4
answers
90
views
Angular 15 'ng serve' builds app very slowly, every change is very slow
Im using angular v15 for my project. It's not small but not really big. I'd say medium to big. Running ng serve takes A LOT of time.
Build at: 2025-07-23T12:23:56.259Z - Hash: 5ba2b19880727f6c - Time: ...
- 106
3
votes
3
answers
102
views
Why does it look like the slices of my diy svg-path pie chart do not converge in the center?
I tried to create a dynamic pie-chart with angular and the svg path element.
I succeeded in principle, but it seems that the individual slices do not properly converge in the center. The effect gets ...
- 2,136
0
votes
0
answers
24
views
Angular application with gridstack.js adding dynamic components via addWidget
I am looking for sample code how to dynamically add components to an Angular application with a gridstack.js grid on a button click.
What I want to do in detail is to e.g. have a parameter that ...
- 5,660
1
vote
1
answer
42
views
PrimeNG table checkbox Chrome issue: "A form field element should have an id or name attribute"
So I have a column in my PrimeNG table for users to be able to select rows in the table.
<tr class="content-thead">
<th class="checkbox-col" scope="col"&...
- 11
3
votes
1
answer
64
views
How can I share DTOs with validation between NestJS and Angular without duplication or using non-ESM libraries?
I'm working with:
NestJS on the backend
Angular on the frontend
Both use TypeScript, which makes it convenient to share Data Transfer Objects (DTOs) via a shared library.
The challenge arises when I ...
- 31.4k