307,279 questions
0
votes
0
answers
6
views
"No route to host" error while deploying Angular on Google VM
I've deployed Angular app to google VM. I'm getting "No route to host" error when reaching external IP via curl and "refuse to connect" in the browser. Firewall is set up correctly....
- 1
1
vote
0
answers
29
views
@defer inside of @for on angular v19. all the for elements are loading at once
I have a dictionary of products, such a Smart TV, to simulate a database. Now, I am trying to lazy load every one of them with a for loop and a defer inside.
<main class="flex flex-col items-...
- 11
0
votes
0
answers
15
views
Primeng editable table - edit cancel controls
I use Primeng p-table with edit mode via p-cellEditor however I face multiple issues which makes the table unusable in real world. (you can test this behavior in official example https://primeng.org/...
- 163
0
votes
0
answers
13
views
Discord Rich Presence - How to initialise client on Angular Web App
I would like to set up rich presence for an Angular Web application (Standalone).
Exactly like spotify is doing.
What to use ?
In official documentation is only presented game engine integration
The ...
- 922
1
vote
1
answer
36
views
Is it possible to pass a boolean variable up to a parent router-outlet component?
The basic idea is that I want a "Loading" text to display while the child component is loading data, and then go away once it's finished. But how can the parent component know when the child ...
- 1,882
-1
votes
0
answers
43
views
HTML not updating when events fire
I have the following template with two dropdowns. When an item is selected in the first dropdown it dynamically populates the second. It works, but not how I would expect. It takes a couple selections ...
- 1,499
0
votes
1
answer
31
views
Angular 18 Changes Not Displaying in Browser Unless I Create a New Build
I'm working on an Angular 18 application and have run into an issue where when I make changes in the code, they don't reflect in the browser unless I run ng build. Obviously this is time consuming ...
- 1,060
0
votes
0
answers
25
views
ESLint 9 - Missing visitor keys
I migrated my project to Angular 19 and I tried to migrate to ESLint 9.
I used the official migration method:
npx @eslint/migrate-config .eslintrc.json
and my .eslintrc.json file was migrated from:
{...
- 131
1
vote
1
answer
51
views
How to make a responsive SVG
I am trying to use an SVG map of a country on my website, and I want to make it fully responsive based on the screen width and height.
There should be no part of the map cut off or lost, and no ...
2
votes
1
answer
25
views
NG8001: 'router-outlet' is not a known element: 1. If 'router-outlet' is an Angular component, then verify that it is part of this module
I am getting this error from router-outlet directive. Can anyone please help me why it is occuring as i have no clue. All the imports have been added on app.module.ts file but still its saying that ...
- 49
0
votes
0
answers
29
views
Angular 19 / Materials 3 - Define a theme
I create a theme with the materials prompt :
ng generate @angular/material:theme-color
He generate a file theme 'm3-theme-orange-blue.scss' from primary: #0097A7, secondary: #26C6DA, tertiary: #FFA726,...
- 91
-1
votes
0
answers
18
views
ngx Vertical Grouped Bar chart, custom color needed for each grouped bars
Consider I have class grouped of two, that is BOYS and GIRLS. I have 3 classes, but for GIRLS group, I need to show different bar colors [red, blue, green] accordingly.
Please look at the below image. ...
1
vote
1
answer
39
views
how to search in signal list in angular
I have a list of signal type.
searchModelDriver: string = '';
driverList = signal<any[]>([
{ fullName: 'test1' },
{ fullName: 'test2' },
{ fullName: 'test3' },
])
I also have a ...
- 970
0
votes
0
answers
24
views
Not able to navigate to submenus in Angular when the submenus are generating upon clicking of parent menu
My Application is built in Angular, I came to a scenario where I am not able to navigate back to sub-menus. So the module is built like this.
We have list of menus which are defined in html template.
&...
- 840
0
votes
0
answers
26
views
Keycloak Logout Issue Across Multiple Domains (Angular & React)
We have an application running on two different domains:
Angular App: dev.app-test.com (using keycloak-angular)
React App: dev-new.app-test.com (using Next.js built-in authentication for Keycloak)
...
0
votes
0
answers
21
views
How to access row data in filterFunction of ng2-smart-table column?
stage: {
title: 'Status',
type: 'custom',
valuePrepareFunction: (value, row) => {
let statusText, customText, imgUrl;
let showImg = false;
if (value === 'PUBLISH') {
...
0
votes
1
answer
28
views
Filtering out data by LINQ syntax in Angular request. Error: character literal must contain exactly one character
I have this LINQ filter for my request in order to get only part of bigger dataset:
const coreFilter = `permissions != null && permissions.Any(p => p.permissionLevel != 'Hide' && p....
- 105
2
votes
2
answers
44
views
How to setup system theme?
I have an ionic project with angular, and when refactoring to use the latest versions of ionic, angular 19 standalone and highcharts, it started giving me errors when using functions like theme.
...
1
vote
1
answer
29
views
Initial value not displayed on mat-select component using async pipe
I'm trying to use a material select component that gets its values through an Observable with async pipe.
template:
<mat-form-field>
<mat-select
value="selectedOption$ | async&...
- 11
0
votes
2
answers
48
views
How to use a secondary router outlet without ng modules correctly to enable page reload by url?
How to use a secondary router outlet without ng modules correctly enabling page reload by url?
I have an app component with a router:
<main>
<router-outlet></router-outlet>
&...
1
vote
1
answer
39
views
Select options don't populate on reload
Angular application trying to populate the options in a select with results from an API call:
<select class="select input input-bordered" formControlName="student" (change)=&...
- 1,499
0
votes
1
answer
40
views
How to dockerize ASP.NET Core 9 application with Angular?
I recently created an ASP.BET Core 9 application with Angular and try to dockerize it. It builds successfully, but it does not launch the angular app.
This is how I created my project:
mkdir <...
- 1,262
0
votes
0
answers
34
views
How can I guarantee that all incoming mqtt messages are properly managed even if some of them are malformed (validation through custom function)?
I'm working with an Angular 19 application which will monitor a water tank meter built with an ESP32 (it's a micro controller for those who are wondering). I'm implementing MQTT protocol for ...
0
votes
0
answers
19
views
Kendo Angular Treeview make nodes expandable by clicking on the text without "selecting" them
It is almost impossible to determine the k-class for this by inspecting the elements using developer tools. I had to reach out to Telerik for this:
https://stackblitz.com/edit/angular-rohwjfew?file=...
- 19
0
votes
0
answers
16
views
undefined ERROR Uncaught Exception path-to-regexp
trying to deploy my angular project which upgraded from version 11 to angular 16 and it working good in localhost but in aws show this issue:
2025-04-08T11:42:07.427Z undefined ERROR Uncaught ...
0
votes
2
answers
41
views
How is it possible to reduce the large default padding in mat-form-field?
I am working on an Angular application, using Material version 16.
In the design specification the inputs are smaller with less padding, and I need to strictly follow that. How is it possible to ...
- 9,348
0
votes
1
answer
27
views
Chrome "Aw, Snap! Error code: 5" when stepping over a for loop breakpoint in Angular effect with RxJS
I'm working on an Angular application with NgRx and RxJS effects, and I'm running into a consistent issue when debugging a particular for loop.
When I set a breakpoint directly on the for loop ...
- 793
0
votes
0
answers
24
views
Title tag not not working after Spartacus upgrade
We recently upgraded to Spartacus 2211.32.1 and I noticed that the title attribute is not working anymore. It was working fine for the previous version. Not sure if its Spartacus, Chrome or Angular ...
- 334
2
votes
1
answer
41
views
Cyclic dependency error in Angular 19 with standalone components
Webstorm gives me
Cyclic dependency between: AComponent -> BComponent -> CComponent -> AComponent
even though I use
forwardRef(() => AComponent),
In a child component.
Changing places ...
- 811
4
votes
1
answer
82
views
Filtering through 10k objects is slow, but when I return a copy of the array, it's fast, why is that?
I've found a weird occurrence, when working with Ngrx Store and Angular. Basically the goal of my task is shown in this example with about 10k entries in the Person[]:
My goal is to show certain ...
- 63
1
vote
0
answers
37
views
How to prevent a JPEG UHD (2MB) with progressive loading (blur-up) from affecting the LCP in Angular 19?
Constraint: The image must be ultra-high quality—the challenge is to handle heavy images (at least 4K resolution and high color fidelity).
Context: I am developing an Angular (v19.2, 2025) desktop ...
1
vote
1
answer
30
views
Issue with activating validators on Angular reactive form at runtime - using form.updateValueAndValidity()
I have a simple yet perplexing problem.
I have a reactive form and I want to set validation programatically.
this.boatForm.get('boatType').setValidators(Validators.required);
this.boatForm....
- 123
1
vote
1
answer
51
views
Angular component input/output behavior when using model()
I wanted to ask this in the Angular's project Github, but apparently questions/clarifications belongs to StackOverflow, so here we are :)
Lib authors can implement two-way binding using the new model()...
- 3,618
0
votes
1
answer
34
views
During the build process error related to prerendering a dynamic route (esperimento/:id)
I have an Angular project, and I'm attaching the app.routes.ts file. When I test it with ng serve, the app seems to work perfectly, but when I try to build it I always get this error:
�? [ERROR] The '...
1
vote
1
answer
37
views
In my Angular project assets folder not include in my webpack
I have an Angular 19 project and I have an issue relating of images stoked in my assets folder. In this folder I have my icons and the svg-country-flags, but when I launch my project using ng serve I ...
0
votes
0
answers
23
views
MxGraph object is not updated with new graph xml
We have upgraded application from angular 10 to 15 with that we upgrade mxGraph from ^3.9.12 to ^4.2.2. we want to update graph object so fir that In onInit method of an Angular component, I am ...
1
vote
1
answer
37
views
Nested mat-menu closes unexpectedly when opening second menu
I'm using Angular 19 with Angular Material 3 (latest version with MDC-based components) in a project, and I'm running into an issue when working with nested mat-menu elements.
What I'm trying to do is
...
0
votes
1
answer
34
views
Why is my custom error handler not caching throws inside setTimeout inside runOutsideAngular
I have an Angular App with a custom error handler which works fine.
Errors like these are caught:
throw new Error('This error gets passed to the custom error handler');
this.zone.runOutsideAngular(() ...
- 3,823
2
votes
1
answer
55
views
Angular component, not updating frontend
I have a chatbot component that I charge in my app.component.html to access it everywhere.
<app-chatbot [enable]="this.enableSerenia"></app-chatbot>
In my chatbot component, I ...
- 953
0
votes
0
answers
17
views
Websocket over StompJS not able to send message to host, running Springboot
I have an Angular fontend application with a Spring Boot backend that uses websockets over Stomp. The app can successfully send websocket messages from the host to the browser. I need to now send ...
- 373
1
vote
1
answer
69
views
Error when Importing External Javascript into Angular Typescript
I have this bundled JS that i want to import into my TS App
I tried adding it into index.html under script tag, it worked fine locally
I also use 'declare var widget:any' on my ts and worked fine, ...
- 11
2
votes
1
answer
62
views
Angular mat-select (selectionChange) event only fires once
I am using angular mat-select for a multi-select dropdown and I am using the (selectionChange) to do something in my .ts file. All is working fine, expect that seems like (selectionChange) event is ...
- 334
0
votes
0
answers
20
views
After adding ssr ( angular Universal ) to angular 19 ngmodule approch. Angular Universal SSR works fine, but CSR not working
After the initial render with Server-Side Rendering (SSR), my Client-Side Rendering (CSR) is not functioning properly. I am using the NgModule approach, and my project was previously running on ...
-4
votes
0
answers
40
views
How can I configure the table to show more than 10 records retrieved from the /api/identity/users endpoint? [closed]
I tried hard-coding the API endpoint to return 25 records, but the table still only displays 10 records, which seems to be the default setting. I'm using IdentityConfigOptions for this component. How ...
1
vote
0
answers
38
views
How to replace images in a Word document using Office.js while preserving formatting and layout?
I'm developing a Word Add-in using Office.js (with an ASP.NET Core backend and Angular frontend). I need to fill in values—including images—into content controls in an existing Word document template.
...
0
votes
0
answers
21
views
How to integrate Tableau private dashboard in Angular
I have set up a private tableau dashboard and would like to integrate it with my Angular application.
I have used the tableau-viz tag provided by the dashboard, but it asks for login. On login with ...
0
votes
0
answers
39
views
ESLint Not Working with Ionic and Capacitor (Android/iOS) - JavaScript Heap Out of Memory
I’m working on an Ionic Angular project with Capacitor, and I’m facing an issue where ESLint is not working properly. When I run eslint on my project, it fails with the following error:
FATAL ERROR: ...
- 57
0
votes
0
answers
23
views
Modular packaging of an Angular application [closed]
Context:
My application is comprised of multiple services, each offering a set of UI screens with Angular.
The application has a single URL, a navigation menu, and when selecting a menu, a new tab is ...
4
votes
2
answers
104
views
CanDeactivate + Browser Back Button causes double navigation or skips route -- Angular browser back prevent
Problem
I'm using a CanDeactivate guard in Angular to prompt the user before navigating away from a form with unsaved changes. It works fine for normal route changes (e.g., clicking a link), but it ...
- 390
0
votes
0
answers
29
views
AG Grid v33.1.0 SSRM: getSelectedRows() / getSelectedNodes() return warnings with header checkbox selection
I'm currently using AG Grid v33.1.0 with the Server-Side Row Model (SSRM)
Use Case
I'm trying to retrieve selected rows or nodes using the header checkbox (i.e., "Select All") functionality. ...
