306,822 questions
0
votes
0
answers
45
views
Schema validation failed with the following errors in Angular project
I have two similar Angular projects (both on Angular 20) and currently one of the projects when I run the npm run start command I am constantly getting the error below. Should I remove the package-...
1
vote
3
answers
46
views
Can I keep my modules in the Angular version?
I am migrating my Angular 17 project to 21 and would like to know if there will be any problems if I want to continue using the module feature in Angular 21?
- 193
0
votes
1
answer
41
views
Angular ng-content in a for loop with dynamic select variable
I'm trying to use a variable as select select attribute value and it doesn't seem to work.
This is small representation of my component.
import { Component, input } from '@angular/core';
@Component({
...
- 451
Advice
0
votes
1
replies
24
views
ADA focus visible on pie chart during mouse hover in Highcharts (Angular)
I am using Highcharts to render a pie chart in an Angular CLI project. Everything works fine except for an accessibility issue: when I move the mouse over the pie chart, the ADA focus outline becomes ...
2
votes
1
answer
40
views
SCSS / Angular 19 - Styles defined inside :host, that contain variables defined in other files don't get applied
Hello fellow developers!
I'm facing a problem to which I have no solution and I would require your aid to figure it out.
I have setup a theme.scss file inside an Angular 19 project, which contains ...
- 316
-1
votes
0
answers
19
views
Primeng 19 Theme styles are not applied in the Angular 19 Application [closed]
I am migrating from Angular 14 to 19. Now i am in Angular 19 version and primeng 19 version.The primeng component styles are not applied. i addded below code in app.module,ts
import { ...
- 11
1
vote
2
answers
29
views
Angular Vitest multiple configurations to do remote debugging locally and run headless in pipeline
Since Angular version 21 it uses Vitest as default testing framework. I come from Karma + Jasmine and we had a customLauncher in our karma configuration file with the --remote-debugging-port=9333 flag ...
- 190
0
votes
0
answers
28
views
Playwright flake: locator.click times out on Angular Material slide-toggle because "element is not visible" [closed]
I am writing E2E tests for an Angular application using Playwright. I am encountering a flaky issue when trying to interact with an Angular Material slide toggle (mat-slide-toggle).
Most of the time ...
0
votes
1
answer
81
views
Angular does not recognize button appearance specification color="warn"
I am currently working on a learning project with Angular CLI 21.0.2.
I added the following line of markup, but the button still appears with its default color:
<button matButton="filled" ...
0
votes
0
answers
28
views
How do I resolve a typescript compiler conflict between vitest and NGXS
I have an Angular 21 project in which I am using NGXS for state management. I was using jest as a testing framework but vitest works better.
The issue is that the NGXS @Selector() decorator is showing ...
- 245
Advice
0
votes
1
replies
30
views
Using AWS TRANSFORM To migrate Angular 16 to 21
I want to know if it's possible to do Angular migration version automatically with aws TRANSFORM argentic IA?
-1
votes
1
answer
34
views
Lifecycle Management: Safely Unsubscribing from HttpClient in Root-Provided Angular Signal Services [closed]
I am implementing a modern state management pattern in Angular (version 16+) where a dedicated service acts as a state facade, integrating traditional RxJS asynchronous operations with the new Signals ...
- 159
-3
votes
0
answers
45
views
Is it good practice to keep HttpClient subscriptions inside an Angular signals-based service? [closed]
I'm experimenting with Angular (with signal and inject) and I'm trying a pattern where a service acts as a small state manager:
The service holds the state in signals (loading, error, items, etc.).
...
- 159
0
votes
1
answer
26
views
How to configure Capacitor (not Ionic) for Angular to VS Code Azure Function App integration
Straight forward questions asking for steps to configure Mac iOs.
I need local iPhone / Xcode simulator running Angular in Capacitor (no Ionic) to be able to make http calls to Azure Function App ...
- 322
1
vote
2
answers
42
views
Angular control-flow migration rewrites trackBy incorrectly and causes TS2554
After upgrading my Angular project (v19 → v20 → v21), I opted into the control-flow migration (*ngFor → @for).
Some of my templates were migrated like this:
@for (item of data; track trackByFn(index, ...
- 43
0
votes
0
answers
47
views
Why does my Angular server table data pulled from an Observable from MongoDB database display only every other edit to the HTML file?
I am working on a MEAN stack web application but I am having issues with getting the administrator single page application to consistently show the table data in a *ngFor loop. On first load up the ...
1
vote
1
answer
29
views
angular-auth-oidc-client with AWS Cognito PKCE Flow state error
I'm building an application that uses AWS Cognito as IDP for authentication and angular-auth-oidc-client library to handle authentication on my Angular 21 client.
I configured it as follows:
config: {
...
Advice
0
votes
3
replies
45
views
How to use a separate classes (stubs) in vitest?
I've migrated my angular 21 tests from jasmine to vitest. And for some of my tests I use separate helper classes (like Page object models). For example:
export class SignUpPageObject {
constructor(...
- 4,684
0
votes
0
answers
36
views
Hook to lifecycle event of angular-material component of child [closed]
I am implementing a component with an array of elements and there is a *for directive in the component that is connected to the array.
The array is dynamic and the loop renders mat-expansion-panel for ...
- 84
-1
votes
0
answers
16
views
Angular i18n translation for enum values [duplicate]
export enum Role {
MANAGER = 'Manager',
CONSULTANT = 'Consultant',
CONTRACTOR = 'Contractor'
}
I want to be able to add translations for these strings; to add i18n tags and then generate ...
- 365
1
vote
0
answers
72
views
Angular login request stays pending when authenticating using token
During debugging, the API request functions correctly. However, when executed in the browser, the request remains in a pending state. The issue appears only when navigating from y.com to x.com—in that ...
- 11
-1
votes
0
answers
26
views
Ionic app gives net::err_ssl_protocol_error in android but works fine in ng serve in browser [closed]
I have an angular ionic app, with a laravel backend api, it works fine in browser and the api in reachable and the ssl in configured with let's encrypt in nginx ans it's tls 1.3, idk what im doing ...
Advice
0
votes
3
replies
46
views
Handling and error checking with RxJs HTTP calls
I'm working with Angular 21 and I've added an interceptor like this:
export const httpErrorInterceptor: HttpInterceptorFn = (req, next) => {
return next(req).pipe(
catchError((error: ...
- 41
Best practices
1
vote
4
replies
200
views
How can we use AI, and what is the main purpose?
My meanings and thoughts are related to pure purpose. Also, in a particular case, what about the JavaScript project?. Best practices to integrate. Can we use it in old projects, or is the best way to ...
- 11
2
votes
1
answer
28
views
How to prevent Ngb Popover from closing
I implemented a NgbPopover like this:
<ng-template #themepopover>
<!-- popover content -->
</ng-template>
<button class="btn" [ngbPopover]="themepopover" container="body" ...
- 279
Advice
0
votes
2
replies
95
views
Risks of using Java 25 LTS versus Java 21 LTS in a new Spring Boot backend
I’m starting an inventory system: multi-branch, reporting, invoicing, which I plan to maintain for several years.
Tentative stack:
Backend: Java + Spring Boot
DB: PostgreSQL
Interface: Angular 21
But ...
- 1
2
votes
1
answer
57
views
How to resolved "Could not resolve 'primeng/resources/primeng.css'" while migrating PrimeNG from v17 to v18
I actually migrated my Angular app from 17 to 18. I use PrimeNG, but I have some errors with the PrimeNG style.
In PrimeNG 18, primeng/resources/primeng.css is not found, so I don't know how I can ...
- 193
Best practices
0
votes
4
replies
63
views
Can i use *ngIf with [ngTemplateOutlet] on same <ng-container>?
I know it works, I've used this combination many times before, but is it right? What about best practices?
What i meen:
<button (click)="onBtnClick()">toggle</button>
<ng-...
- 33
0
votes
1
answer
133
views
Errors in unit tests after updating to Angular v21
After updating an existing app with Zone change detection to Angular v21, I got a lot of errors in the unit tests. I'm getting some NG0100: ExpressionChangedAfterItHasBeenCheckedError errors, but also ...
- 18.9k
Tooling
0
votes
1
replies
36
views
Angular: How to Store Text Highlights in a PDF Viewer and Navigate Back to Them Later
Question
I’m using ngx-extended-pdf-viewer to render PDFs inside an Angular application. I need to let users highlight text in the PDF, save those highlights as “references”, and later click a ...
Best practices
1
vote
1
replies
51
views
Angular Signals Objects with Forms
I have the following in an older Angular app.
newTask: Task = { id: 0, description: '',
completed: false, priority: Priority.Normal };
<div>
<input [(ngModel)]="...
- 11
-3
votes
0
answers
32
views
request is not generating properly for websocket | Angular
getLiveGraph(uid: number, timeOut: number) {
const config = this.configStore.getData();
return webSocket<LiveGraph>(
`${config.wsBaseUrl}/subscriber/${uid}/live_graph/${timeOut}`
...
0
votes
0
answers
19
views
VS Code Chrome Debugger Opens Wrong File Path
I'm trying to debug an Angular application in VS Code using Chrome DevTools Protocol, but the debugger is opening files in the wrong location due to URL path mapping issues.
Angular dev server running ...
- 169
0
votes
3
answers
75
views
HTTP POST time out after 5 minutes Chrome / 10 minutes Firefox
I have an Angular front-end and Quarkus back-end running locally on my machine, without any infrastructure like nginx, Kubernetes, etc.
Using the application, I am uploading large files (order of ...
- 2,051
-1
votes
0
answers
32
views
Why are my docs content pushed to left when I click the table of contents? [closed]
I have reviewed all source codes in the //adev/shared-docs/components/table-of-contents/ and //adev/src/app/core/layout/secondary-navigation/, I have no ideas. Please help me. I also searched in ...
- 1
1
vote
0
answers
60
views
withEnabledBlockingInitialNavigation() is required to make hydration work for route component, but Angular tells you not to use it
I'm investigating why our application flickers when running on a slower network such as 3G/4G on a mobile while also using SSR, and I found that the router component disappears after a while, before ...
- 28.5k
0
votes
0
answers
27
views
AWS Amplify keeps clearing my session tokes from localStorace after a network droput
I'm a bit frustrated with AWS Amplify, what seems like a basic feature of maintaining sessions is seems to fail if the network drops.
Here is my Cogntio CDK setup, the refreshTokenValidity is set to ...
0
votes
0
answers
85
views
Internal server error: Failed to update Vite client error overlay text
Because of the Angular 20 security issue, I updated to version 20.3.14. But on running the app, getting an error as
[vite] Internal server error: Failed to update Vite client error overlay text.
...
- 15.5k
-1
votes
1
answer
50
views
How to implement custom node-based reshaping for SVG ellipse inside a resizable reference box? Using D3.js and angular 19 [closed]
I’m working on a feature similar to Figma or Lucidchart where an ellipse (or circle) is placed inside a reference box (a square) with four corner handles for resizing.
Screen recording expectation
...
1
vote
1
answer
82
views
HttpTestingController runs endlessly
In my component I have httpResource:
export class EmployeesComponent {
employees = httpResource<EmployeeResponseDtoOutput[]>(() => '/api/employees', {
defaultValue: [],
});
}
and in ...
- 314
0
votes
0
answers
39
views
How to implement rotation for SVG ellipse inside a resizable reference box? Using D3.js and angular 19
Reference: screen recording link
I’m working on a feature similar to Figma or Lucidchart where an ellipse (or circle) is placed inside a reference box (a square) with four corner handles for resizing.
...
1
vote
3
answers
80
views
Send Observable result to child component as Signal
In my code I am trying to get the result from this observable:
// Runs fine
obtenerOfertaPorId(id: number): Observable<Oferta> {
return this.http.get<Oferta>(`${this.apiUrl}${this....
-3
votes
0
answers
33
views
What does "NG8113: Home is not used within the template of App" mean [duplicate]
I was doing the tutorial from https://angular.dev/tutorials/first-app/11-details-page. I got the error message below:
NG8113: Home is not used within the template of App [plugin angular-compiler]
...
0
votes
0
answers
21
views
ngx cron editor not patching value on edit mode in angular12
I am using Angular 12 with the package [email protected]. The cron editor renders correctly, but when I try to patch an existing cron expression into my reactive form, the UI of the cron editor ...
Tooling
0
votes
2
replies
106
views
What tools does Angular team use to design svg?
I am reviewing Angular source code.
What tools does Angular team use to design these svg? I take some for example:
//adev/src/assets/images/overview.svg
//adev/src/assets/images/roadmap.svg
//adev/src/...
- 23
1
vote
0
answers
52
views
Angular Aria Autocomplete Feature - Compilation Error
I am working with a .NET + Angular WebApp Project
I added Angular Aria to the Angular project hoping to use their Autocomplete feature for a Select Box.
I copied the code directly from the first ...
- 63
-1
votes
0
answers
23
views
Ionic Angular ion-content inner-scroll has zero height on iOS preventing scrolling - all standard fixes attempted
I have an Ionic Angular application where scrolling is completely broken on iOS (Safari, Firefox, Edge - all WebKit-based). Desktop browsers work perfectly. The diagnostic evidence shows that the ....
0
votes
0
answers
42
views
PrimeNg OverlayPanel is displayed with and without scrolling for the same content
I use the PrimeNG OverlayPanel to display popups in my Angular app.
I noticed that for the same content, it sometimes displays a scrollbar and sometimes does not.
As you can see in the screenshots, ...
- 1,567
1
vote
0
answers
53
views
Filter on worksheet columns re-triggering excel office.js custom functions even when it is not volatile functions
Excel re-triggers custom functions created in office.js api addin, but from documentation it should only re-trigger the formulas which are volatile function and in office.js api to specify custom ...
- 324
0
votes
1
answer
57
views
Angular throws error on auxilary routing with lazy loading and params navigation
today I'm trying to create a simple chat page with chat list and chat window.
I tryed to implement it with auxilary routes, but some weird error stopped me.
CONTEXT:
I have an application - folder ...
- 63