306,983 questions
1
vote
1
answer
24
views
Why does the dialog window not show content when clicking on button?
I am trying to open a dialog window that comes up when clicking on 'Add/Remove Reps' button. When I click on that button it opens up a small, slim window on the left side of the browser with no ...
- 31
-2
votes
0
answers
16
views
Angular SSR with ASP.NET Core 8 Web API hosted on IIS – site sometimes slow to load even with normal CPU/Memory
I’ve developed a website using Angular with SSR build for the frontend and ASP.NET Core 8 Web API for the backend. Both applications are hosted on the same IIS server (Windows).
The site usually runs ...
0
votes
0
answers
17
views
AngularNodeAppEngine SSR build with NX and Webpack
We have an Angular application with SSR that has some custom webpack configuration. We use NX to build it, with the executors @angular-builders/custom-webpack:browser and @angular-devkit/build-angular:...
- 4,199
0
votes
0
answers
20
views
Best way to update a dynamic generated table cell content on Angular [closed]
I have a dynamically generated table say 5 columns with N number of rows. Each cell can have its own unique ID. What is the best way to update say column 2, row 9 with new content?
- 494
0
votes
0
answers
31
views
Namespacing problem with i18n-ally and Transloco
Set up Transloco for an Angular app, and I want to use i18n-ally to be able to see and edit the i18n resources directly from the code files.
However, I'm having a problem getting the path matching ...
- 1,668
0
votes
0
answers
40
views
Dynamic Directive not applying, in reusable controller
I'm trying to create a reusable controller for textbox, textarea, dropdown. etc, there are plenty of directives in my project. so I tried to render it dynamically
validation-mask.directive.ts:
@...
- 77
0
votes
0
answers
35
views
Native Federation Angular 19: Error building federation artefacts with IgniteUI
I'm trying to use @angular-architects/native-federation in an Angular 19 project, but I can't start my host due to shared package bundling errors.
Context
Angular 19.2.14
@angular-architects/native-...
- 13
1
vote
1
answer
56
views
Lazy routing do not work in Angular 20, it came into ERROR RuntimeError: NG04002
I am developing an Angular application, and the version did not work as I wish. I've got multiple modules in this app and I used the lazy routing. But when I tried to navigate to sub module's route, ...
- 11
0
votes
1
answer
33
views
Clicking on thumbnail slide does not change main Swiper slider
Angular v20
Swiper v11.2.10
I am using Swiper Web Components in an Angular project to build a product gallery with a main slider (sw-primary) and a vertical thumbnail slider (sw-secondary).
The ...
- 6,168
1
vote
2
answers
56
views
Angular 20 (SSR + standalone) – @abacritt/angularx-social-login SocialAuthServiceConfig provider not found
I’m working with:
Angular: 20 (SSR + standalone)
Node.js: 22
Package: @abacritt/angularx-social-login
I’m trying to implement Google social login.
Here is my app.config.ts:
import { ApplicationConfig, ...
- 193
1
vote
0
answers
28
views
Electron production Build with angular 20
I got an Angular/Electron app. The app runs fine when I load a URL for the Electron window. But when I go to production, I want to load the files from the Angular build. So the app would also run ...
0
votes
0
answers
29
views
Nx Micro frontend: problem injecting a shared library service into shell/host and remote apps
I am having problem injecting a service from a library into the host and remote applications of my Angular Nx micro frontend. When the service is injected into the constructor of host/shell or the ...
- 3,301
1
vote
1
answer
48
views
Angular Module Export Not Recognized
I am creating a new website in Angular V20. I have created a new module and added a new component to the module declarations and exports. I am exporting the component in its script. When I attempt to ...
- 11
-2
votes
2
answers
80
views
How To Keep user logged in on refresh but log out on browser/tab close in Angular? [closed]
How can i make my angular application maintain the user session on page refresh but automatically log out the user when the browser tab or windows is closed?
What I Tried
I used the beforeunload ...
- 423
0
votes
0
answers
21
views
CORS issues with remote Firebase Authentication Emulator on Firebase Studio
I recently broke a project I've been working on in a single Firebase workspace into two workspaces. Since then, I've been trying to connect my Angular frontend with the backend where the Auth Emulator ...
- 297
0
votes
0
answers
41
views
Issue when persisting kendo-tabstrip tabs using keepTabContent=true (2 tabs rendered at the same time)
I have the following section in a simple page that displays 2 tab, each tab has a component that executes some calls to the backend and renders a a grid, some dropdowns fields, and some more fields.
I ...
2
votes
2
answers
37
views
Angular CLI 18 do not accept my form nativeElement
I have a simple form and I'm using EmailJS to handle it and I'm sure my IDs and key are correct.
Here's an example of my form:
<form (ngSubmit)="sendEmail(form)" #form="ngForm"&...
- 21
2
votes
1
answer
39
views
Text color of mat-chip in Material from html markup
How can I override the text color of the mat-chip component?
[style.background] works but [color]="'white'" doesn't - here would be 'label.color2' used.
<tr *ngFor="let label of ...
- 25
1
vote
1
answer
31
views
Angular 17 R3Injector error not showing actual issues
I posted a similar question yesterday, but I am having an issue where I am upgrading an Angular project to 17 (same issue with 20.x) and it builds, but fails to run post ng serve and ng serve --...
- 53
-1
votes
0
answers
30
views
@ngrx/signals/events: How to display event name/type in Redux DevTools? Event name always: 'Store Update' [closed]
How to display the name for events (@ngrx/signals/events) in Redux DevTools?
To display the state of signalStore in ReduxDevTools, you need to use:
export const ServerStore = signalStore(
...
- 1,092
0
votes
1
answer
47
views
404 errors on all Angular libraries
Getting the following warning on compile
▲ [WARNING] Unable to initialize JavaScript cache storage. [plugin angular-compiler]
No native build was found for platform=win32 arch=x64 runtime=node abi=...
- 2,516
0
votes
0
answers
32
views
Does Angular service worker bypass throttling?
I created a small Angular client/Node Express server and in Chrome tools, simulating a 3G to slow down so I can see when page renders, we prefetch in install with Angular service worker. After the ...
- 20.3k
0
votes
0
answers
29
views
PrimeNG Group Dropdown
I need a custom implementation for PrimeNG Grouped Dropdown. In the available options in the documentation, there is no way to click the group and show selected value for the label.
If i implement ...
- 28
0
votes
2
answers
40
views
Angular login page result not updated immediately after login action
My LoginComponent:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-login',
standalone: false,
templateUrl: './login....
- 51
0
votes
0
answers
42
views
Angular 20 .NET 9 server-side rendering support
Anybody has any idea how to setup SSR Angular 20 with .NET 9 or even .NET 10 which is still in preview.
I have implement SSR as discussed here https://angular.dev/guide/ssr.
I have build output so ...
- 2,214
0
votes
0
answers
46
views
Overlap the grid
I added on scroll on my grid, So I added scrolling left to right and top to bottom with sticky top header and left side character list header. but when I scroll from left to right and top to bottom ...
0
votes
2
answers
79
views
TypeError: resolver.resolveComponentFactory is not a function
Here's the error message:
root_effect_scheduler.mjs:3597 ERROR TypeError: resolver.resolveComponentFactory is not a function
at IonRouterOutlet.activateWith (ionic-angular.js:3371:38)
at ...
- 11
0
votes
1
answer
60
views
Filter by day of the week in Angular Material table
I am trying to create a select dropdown where a user selects multiple days of the week and it filters the table to show only the rows that are selected for those days of the week. The filter is called ...
- 157
3
votes
2
answers
45
views
Trying to inject the DecimalPipe into an Angular service
I understand how to use the DecimalPipe in an Angular 20 HTML template, while importing it in the component code.
However, I cannot figure out how to use the DecimalPipe in an Angular service.
I keep ...
- 5,757
3
votes
1
answer
94
views
Does Angular Material plans to remove the deprecated @angular/animations package?
In Angular v20, @angular/animations package is now deprecated in favor of pure CSS. I wonder since i cannot find any information about that anywhere, is there plans to remove that deprecated package?
- 403
0
votes
0
answers
49
views
Nx: After Upgrading from 20 to 21 - Run builds the project every time without correct configuration
I'm currently upgrading my NX Repo (Angular 19, Capacitor) and i have with the run command.
In version 20:
nx build my-project --configuration=dev-local && nx run my-project:run:android
Nx ...
- 1,601
3
votes
1
answer
73
views
Static styles injected by Angular during build time causes CSP violation
I am working on a Angular 18 project. My org has the strict CSP policy and no unsafe-inline is allowed.
As documented by Angular here, while rendering the index.html, I generate a nonce per request ...
- 5,279
3
votes
1
answer
89
views
Receiving Angular NG0201 error, but it is incomplete
So I am responsible for taking an Angular application from 8.2.2 to current and I was able to get it to build, but when I run ng Serve and connect to the site I get this error:
After researching ...
- 53
0
votes
1
answer
40
views
Can't authorize user in Azure AD B2C using angular-auth-oidc-client
I have an angular app (ver. 20.2, zoneless, standalone), running locally for now at https://localhost:4200. The app uses Angular Auth OIDC Client.
As per docs, I use autoLoginPartialRoutesGuard for ...
- 4,618
0
votes
0
answers
31
views
Trouble resetting an Angular Reactive Form in a NativeScript application
When resetting a reactive form in my component, the state is being reflected differently in the template than in the component code.
Example:
onSubmit(): void {
this.form.reset();
this.form....
- 34.7k
0
votes
0
answers
119
views
"Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of 'text/html'"
I’m working on an Angular project, and I’ve run into an issue when deploying to the production environment.
After deployment, I see this error in the browser console for a while:
Failed to load module ...
2
votes
2
answers
68
views
ngClass has the wrong value while hydrating
The below [ngClass] expression doesn't insert the class name into DOM when Angular starts hydrating (only after it's finished).
<div class="document-pane" [ngClass]="{'single-view-...
- 322
-1
votes
0
answers
64
views
How to implement secure Encryption in Angular
I want to get a security decryption key. Currently it is stored in key vault, but can be stored anywhere if required. Problem is I want to fetch it from my angular code during runtime only in an ...
- 101
1
vote
1
answer
60
views
Filter by date column in Angular Material table
I want to add a filter for a date column called Delivery Date in an Angular Material table that I am working on.
I added an input field above the table to filter by Delivery Date and an applyFilter ...
- 157
-1
votes
0
answers
31
views
MEAN project - Page doesn't render newly uploaded photo even thought it's successfully inserted into designated folder?
I'm making a full stack MEAN project where, among other things, you need to be able to optionally upload your profile photo after making an account.
Now, I created a "photos" folder inside a ...
1
vote
2
answers
136
views
Mixing JavaScript with Angular
I am working on a Chrome Extension that requires a background service-worker in JavaScript and I want to use Angular and TypeScript for the rest of the extension. The service-worker has to be a ...
- 111
-1
votes
0
answers
53
views
How to have multiple rowGroups without forcing them to the left and a sum column in between? [closed]
I'm working with AgGrid and I want to achieve the following column layout and behavior:
Have a rowGroup on one column (e.g., "Category")
Then a regular column that shows the sum of Quantity ...
- 268
0
votes
0
answers
38
views
How to implement cdkDropListHasAnchor in Angular <20? [closed]
Before cdkDropListHasAnchor, how do you implement leaving an "anchor" element that stays in the original position when dragging items between lists?
- 2,777
1
vote
0
answers
21
views
cxComponentWrapper does not support typeCode as type when getting an injector
cxComponentWrapper currently supports only flexType as type in getInjector, therefore it can only be a container for CMS Flex Components. In order to support other types of components, workaround of ...
- 102
0
votes
1
answer
47
views
Prevent spreadsheet CSS being applied a TinyMC table which is using in same Angular component
I have a component which is having spread sheet and tinymc:
<div>
TinyMC control which is used in a library
</div>
<div>
Spreadsheet
</div>
Both controls are using global ...
- 38.9k
0
votes
0
answers
33
views
Angular Google map doesn't show markers on Android
I use @angular/google-maps for my mobile application. It may sound wild why I don't use capacitor/google-map, first I use this, but I needed to make a custom cluster icon, which is not provided by ...
0
votes
1
answer
38
views
Jest is not finding module 'ionicons/components/ion-icon.js'
I am working on an ionic/angular application. For my unit tests environment Im using jest. It had worked till yesterday. Somehow all tests, where ionic modules (components, services, etc.) are ...
- 175
1
vote
2
answers
109
views
Why matTooltipClass does not work in Angular 18 project?
stackblitz project
I tried both in global styles.scss and component scss with ::ng-deep, but it does not work at all.
It seems related to the style defined in this line in global styles.scss:
@import '...
3
votes
1
answer
139
views
My Playwright python script doesn't find input form fields
So I want to automate adding many team players, I wrote a script to do this with Playwright. As the players are much, the issues is that the script don't seem to find the input fields like the first ...
- 73
0
votes
0
answers
34
views
Angular CDK Virtual Scroll with Ionic Grid – Items shuffle position when scrolling in grid view
I am using Angular CDK Virtual Scroll together with Ionic Grid to render a list of cards.
The requirement is:
On mobile, show 2 cards per row.
On tablet/desktop, show 3 cards per row.
Support ...
