36 questions from the last 7 days
0
votes
0
answers
13
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 ...
-1
votes
0
answers
28
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.
...
0
votes
0
answers
15
views
How to implement custom node-based reshaping for SVG ellipse inside a resizable reference box? Using D3.js and angular 19
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
...
0
votes
1
answer
50
views
HttpTestingController runs endlessly
In my component I have httpResource:
export class EmployeesComponent {
employees = httpResource<EmployeeResponseDtoOutput[]>(() => '/api/employees', {
defaultValue: [],
});
}
and in ...
0
votes
0
answers
28
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
60
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
31
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
58
views
Attribute inputs vs explicit inputs in Angular [closed]
Which approach to passing static string values as inputs to an Angular component is considered a better practice and is more performant?
Pass input via an attribute
<some-component color="red&...
0
votes
0
answers
14
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
87
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/...
1
vote
0
answers
42
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 ...
-1
votes
0
answers
18
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
34
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
vote
0
answers
43
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 ...
0
votes
1
answer
49
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 ...
-1
votes
0
answers
27
views
Angular 20 w Story 10 mocking a navigation click
I have an Angular 20 app, running Storybook 10. My component works perfectly, however, I'm trying to set up Storybook to mock a navigation link. I just can't seem to get it to work.
This is my ...
0
votes
0
answers
19
views
Angular + GoldenLayout iframe reloads every time panel is moved — how to prevent iframe from reloading?
I am using Angular 21 with GoldenLayout (v2).
Inside a GoldenLayout component, I load an external site inside an .
The problem:
Whenever I move the panel, drag it, dock it somewhere else, or resize ...
1
vote
1
answer
58
views
Angular Material: Programmatically setting MatSort does not update UI sort arrow
I'm working with an Angular Material table (mat-table) that has sorting enabled via matSort. Sorting works perfectly when I click on the column headers (mat-sort-header).
Now, I want to trigger the ...
0
votes
0
answers
47
views
Where to provide third party module for an injected service
I am working on a new Angular 21 app, generated from the CLI, and am trying to make use of a service from the ng-recaptcha-2 library. In particular I am trying to inject the ReCaptchaV3Service into a ...
0
votes
1
answer
32
views
Element gets white gradient transparent during drag-bug behaviour
I’m working on an Angular 15 application that uses PrimeNG v15 and Angular CDK for drag-and-drop functionality. When I drag a row element, the drag preview shows a white gradient overlay, making the ...
0
votes
0
answers
42
views
Ngrx/store throws error when application loads: TypeError: fn is not a function after upgrade from angular 16 to 19 [closed]
I am upgrading from angular 16 to 19.
However, after updating the dependencies, I get the following error upon load. So the page remains blank. Please, see the screenshots below.
The expanded @Ngrx/...
1
vote
0
answers
40
views
NG 21 + Vitest + Non-standalone component with async pipe
With Angular 21, I can't test (with vitest) a non-standalone component using the Async pipe. I get the following error:
X [ERROR] NG8004: No pipe found with name 'async'.
To fix this, import the "...
0
votes
0
answers
44
views
Initializing service values before tests using Angular 21 and Vitest
I've just moved over to Angular 21 and started using Vitest.
I'd like to initialize one of my services before the tests starts.
So I added provideAppInitializer in src/test-providers.ts like so:
// ...
0
votes
2
answers
106
views
How can I implement a FormArray of FormGroups?
I have a Reactive Form in an Angular 21 application, and the form requires an array of a certain sub-form. (In my case the sub-form(s) define "filters" on a search.) The documentation on ...
Tooling
0
votes
1
replies
55
views
How to convert javascript object of mongodb based query to mongodb query as parse
So I have an MEAN stack application where user types query ( or copy from mongodb compass ) in a editor and I use nodejs in backend to perform that query ,
So I use codemirror editor to text codes , ...
Tooling
0
votes
1
replies
50
views
Azure App Service: Extracting a 60MB node_modules ZIP takes longer than running npm install — how to speed this up?
I have an automated deployment tool that generates a React or Angular project, uploads it to Azure App Service, and then restores node_modules to reduce build time.
To avoid running npm install on ...
1
vote
2
answers
65
views
Angular import global style file fails
I have an angular v20 project.
I have implemented a class "redborder" in "src/styles.scss" file and I am trying to @use the "redborder" class from a component style file ...
1
vote
1
answer
69
views
How to reset field, based on other fields value change?
I’m using Angular 21’s new Signal Forms. I have a search form where the user types a query, receives a paginated result list, and can move between pages.
When the user changes the search phrase, I ...
0
votes
0
answers
44
views
Element not a known element but exists in imports [closed]
I'm using a number of Angular Material components. For example the MatCheckbox and MatTabs. They import and work fine. However the MatExpansionModule and the MatAutocompleteModule do not.
During ...
1
vote
1
answer
57
views
Issue consuming API that returns Base64 Excel file in Angular
I am facing difficulties consuming an API in Angular that returns an Excel file encoded in Base64. The API is configured in AWS API Gateway and uses a Lambda function to generate the file. Although ...
1
vote
1
answer
67
views
How can I combine two TanStack Query results into a single object?
I have two separate queries using @tanstack/angular-query:
roles = injectQuery(() => ({
enabled: this.user.data(),
queryKey: ['roles'],
queryFn: () =>
lastValueFrom(getRoles({ roles: ...
0
votes
0
answers
37
views
Components inheriting properties from a base class (directive)
I'm trying to dynamically update inputs of my Angular components using ViewContainerRef.createComponent.
Currently, my components inherit input signal properties from this directive:
@Directive()
...
0
votes
0
answers
33
views
How to add locator to a host component programmatically?
Is it possible to add a locator to an angular host component via host property?
@Component({
selector: 'ui-header',
templateUrl: './ui-header.component.html',
styleUrl: './ui-header.component....
Tooling
0
votes
2
replies
43
views
Scan the Code128 barcode using phone/tablet camera
Working on a project to scan the barcode on stickers using phone or tablet camera
Coding - Angular 11
I tried using Zxing-scanner, it scans well when barcode are big enough, but fails for barcode on ...
-2
votes
0
answers
42
views
Facing issue in CleverTap event Configuration
I am integrating the clevertap in my angular project and for doing this i have install the npm package for clevertap. I am facing issue when for first time i am login into the application and then ...
-2
votes
0
answers
72
views
How to handle a dev dependency that has not yet released a version compatible with Angular 21? [closed]
I am upgrading my Angular project from Angular 19 to Angular 21.
During the upgrade, one of my devDependencies (jest-preset-angular) has not yet released a version compatible with Angular 21.
As a ...