307,009 questions
1
vote
0
answers
23
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,219
3
votes
1
answer
53
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 ...
- 43
0
votes
1
answer
21
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
28
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
55
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
57
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
55
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
48
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 ...
- 153
-1
votes
0
answers
28
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
119
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
37
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
16
views
Why my Lenis scroll is not working with Angular Material bottomSheet?
I'm using Lenis library to manage scroll on my website, but I'm also using BottomSheet of Angular Material to enable my cookies component. The problem is that when I close the bottomSheet, the scroll ...
- 63
0
votes
0
answers
34
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
20
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
0
answers
37
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
30
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
32
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
100
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
113
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
28
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 ...
0
votes
0
answers
34
views
HTTP/2 in my GET Request not present for one of my Endpoints endpoint in java (Springboot)
I wanted to ask that there is something wrong with one of my endpoints, the endpoint seems to be blocked for some reasons, I have other endpoints that are giving response but this one fails.See the ...
0
votes
0
answers
52
views
How to link a ticket to its related object using objectId in Angular when data comes from /api/objects?caseId=...?
I’m building an Angular frontend for an ERP-like system, and I’m trying to generate a link like:
<a [routerLink]="['/erp/real-estates/objects', objectId]">Gå till objekt # som ...
1
vote
0
answers
43
views
How to set width for PrimeNG <p-columnFilter> input when Tailwind, normal class, styleClass, and inputStyleClass don’t work? [closed]
I want to set a fixed width for a PrimeNG input, but using Tailwind classes, normal CSS classes, styleClass, or inputStyleClass has no effect.
<p-columnFilter [field]="column?.colName" ...
- 19
3
votes
2
answers
98
views
Unable to install angular-devkit/build-angular
I'm getting an error when I run npm install --save-dev @angular-devkit/build-angular. I'm not sure which version of build-angular I need.
My dependencies:
"dependencies": {
"@angular/...
- 898
3
votes
1
answer
68
views
How do I accept any type that has string property values? [duplicate]
How can I make this generic typing work?
interface MyRowItem {
source: string;
name: string;
email: string;
}
const rowItem: MyRowItem = {
source: 'EXAMPLE',
name: 'Example Item',
email: '...
- 56
1
vote
1
answer
57
views
How to understand and fix this npm dependency issue with rxjs when updating Angular
I spent hours reading about npm dependencies issues here, but I still don't really understand most dependencies error messages, they often don't really make sense and sometimes the dependency ...
- 3,930
2
votes
5
answers
110
views
Animated height without `@angular/animations`
With the latest angular version, @angular/animations is being deprecated.
I am struggling with migrating an animation in my application. This minimal example shows the animated height.
Minimal example:...
- 147
2
votes
0
answers
73
views
Can't execute API while using interceptors
I'm learning about DI-based interceptors in Angular 20. When I ran my Angular app, the home page (that contains API to get products) was loading for a long time and I received no response on the ...
1
vote
0
answers
32
views
Error deploying Angular 20 on Railway: Node.js unsupported version (v22.11.0 instead of v20.19 or v22.12)
I am trying to deploy an Angular v20 project on Railway, linked to my GitHub repository.
During the build phase, Railway detects a Node.js version that is not supported by Angular CLI.
📌 Error I get
...
0
votes
0
answers
27
views
AG Grid Row Grouping in SSRM : SetFilter does not work #Angular [closed]
I have a ag grid with Server-Side Row Model with group rows and rows inside the group are loaded dynamically. I have set up a **agSetColumn ** filter on one column. But when the group row is loaded, ...
0
votes
1
answer
37
views
Hard to customize Angular material tooltips
MY angular project is using angular 18.2.3 and material is added using "ng add" to be compatible. BrowserModule, BrowserAnimationsModule, MatTooltipModule are imported and exported in shared....
2
votes
2
answers
42
views
mapDblclick not firing on AdvancedMarkerElement in @angular/google-maps
I'm using @angular/google-maps and AdvancedMarkerElement to display custom markers on my Google Map. I can handle single clicks just fine with (mapClick), but (mapDblclick) never fires—even for a ...
- 21
0
votes
1
answer
59
views
Cypress cannot access Angular server, even though it is started on localhost
I have an Angular application, that I start locally via ng serve --proxy-config proxy.config.json and a Cypress set-up that has a baseUrl of http://localhost:4200. After starting the server I can ...
- 798
0
votes
2
answers
64
views
Angular 18 @let syntax in template shows type as any instead of inferred type
I’m trying out the new @let syntax introduced in Angular 18 to simplify assigning values inside templates.
However, I noticed that the type is always inferred as any, even though the underlying ...
- 10.1k
-1
votes
0
answers
91
views
.NET Core Negotiate authentication with Angular [closed]
I have a backend written in C# on .NET Core that's using Negotiate as authentication scheme.
I have a frontend written in Typescript / Angular.
I'm making http requests from the frontend to the ...
- 56
-2
votes
0
answers
49
views
Angular 18+ Email Template Builder [closed]
Recently I’ve been on the hunt to search for a working free and open source template editor that functions and works correctly in Angular 18 with Angular Material.
I came across a couple of good ...
- 29
-4
votes
0
answers
54
views
Develop Angular SPA for iPad [closed]
I’m developing an Angular frontend on http://localhost:4200 and a .NET backend (Kestrel) on https://localhost:7244, both running on my Mac.
I’d like to test the app on my iPad (same Wi-Fi network).
• ...
- 2,097
0
votes
1
answer
86
views
After DELETE callback works in same file but not in a service
I am making an Angular frontend and got really unexpected behaviour after an HTTP DELETE call.
When in component code I call directly HttpClient.delete, it logs 'test'.
If I call the delete in a ...
0
votes
0
answers
30
views
Keycloak logout not working when using custom Docker image + Nginx reverse proxy [closed]
I’m running Keycloak 22.0.5 (Quarkus) in Docker with a custom image and facing issues with logout not working when I access it behind Nginx.
My dockerfile for keycloak
FROM quay.io/keycloak/keycloak:...
- 1
0
votes
1
answer
40
views
Show Tooltip on legend hover in Google Charts
I was wondering how can I show the tooltip on a piechart in Google Charts when the cursor hovers over the legends. The hover already activates a visual selection of the slice, but the tooltip isnt ...
-2
votes
2
answers
120
views
Angular Signals & Effects: Best Practices [closed]
I recently attended a training session on Angular Signals and Effects, but I'm concerned about some of the recommended patterns, as they seem to contradict the declarative nature of Angular. I'd like ...
- 110
0
votes
0
answers
45
views
Mocked service throws NG0201: No provider found for `_HttpClient` error
I'm writing unit tests for NX libraries and one service is driving me crazy. It injects generated services and calls their exposed methods.
I'm using Jest + Spectator combination and I'm getting this ...
- 3,306
1
vote
0
answers
42
views
New AngularNodeAppEngine doesn't return 404 status code
I'm on Angular v20.2 using the new SSR API to define how my routes should be rendered. I've also switched to the new AngularAppNodeEngine as seen in the docs.
server.ts:
import { AngularNodeAppEngine, ...
- 28.4k
2
votes
1
answer
81
views
How does the order of the imports in angular works ? Why is not working with one order and working with the other?
I created a directive that allow me to change the routerLink of my links.
I encountered an error where the routerLink was not updated in one component, but was correctly updated in an other.
I found ...
- 823
0
votes
0
answers
23
views
Angular 14 fileReplacements not working for assets with custom webpack builder
I have an Angular 14 application using a custom webpack builder (@angular-builders/custom-webpack:browser) for Module Federation. I want to replace an asset file during the test build, but the ...
- 4,338
0
votes
1
answer
53
views
Is there a way to have an angular component throw an actually fatal error?
In our application, there are times when we the code isn't correct and we'd like to fail fast in that case. Say a component relies on a core configuration to function, but that configuration hasn't ...
- 550
2
votes
1
answer
51
views
Why does [ngIf] on a template not apply when plugged into an outlet?
To clarify, I am aware of the deprecation status on the NgIf directive, but I am still interested in finding an answer for the issue. In my example, the [ngIf] does not apply when used with an outlet ...
- 23
0
votes
1
answer
77
views
How to prevent Angular View Transitions on layout switch and initial load in nested router outlets?
I'm implementing View Transitions API in Angular 20+ with nested router outlets and need to prevent animations in specific scenarios. I have two main layouts (auth and dashboard) and want to:
Skip ...
- 937
0
votes
1
answer
61
views
Set-Cookie ignored in cross-origin REST response
I know that cross-origin is tricky for security reasons and that setting a cookie for another host/domain is generally not allowed, but I think what I want should be allowed:
I have two hosts for my ...
- 354
2
votes
1
answer
97
views
Why doesn't the form display the datepicker?
I'm trying to display a form that consists of two fields: input and datepicker. However, the datepicker doesn't display. Instead, I see the following error message in the console:
ERROR RuntimeError: ...
- 1,040