306,846 questions
0
votes
0
answers
11
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....
-1
votes
0
answers
28
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
52
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
84
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
39
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
15
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
31
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
38
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
18
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
51
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
45
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
30
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
39
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
38
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
41
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
103
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
0
replies
50
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
68
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
64
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 ...
-1
votes
0
answers
40
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
70
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 ...
-1
votes
2
answers
90
views
Angular BASE_URL replacement in Angular 18?
For Angular 6.0-8.0 used with .NET Core 3.1, it was possible to inject the BASE_URL as string in constructor.
What is now the equivalent for the BASE_URL in Angular 18 + .NET 8? How should I approch ...
Best practices
3
votes
3
replies
69
views
How to avoid messy if statements when using many feature flags in Angular?
I’m part of a team of 10 developers, and recently our product team requires us to use feature flags for almost every new change.
The idea is that they can always “roll back” to the previous behavior ...
-4
votes
0
answers
57
views
FireBase | Sign in with Google Concept | Ionic + Angular [closed]
I'm using Ionic v8 + angular v20 + capacitor v7 + @capgo/capacitor-social-login v7 + firebase v12
I'm trying to do sign in with google concept using Fire base but it is not woking When I click the ...
Advice
0
votes
2
replies
79
views
SPA framework output access without node or any server setup?
New SPA frameworks like React, Angular, Vue etc. Requires running node js server. But is there any way to run "output" (code generated after transpilation step) without running any server, ...
0
votes
0
answers
62
views
Angular 21 Vitest, FakeTimers and RxJS debounceTime
I could successfully migrate my Angular 20/Jasmine/Karma app to Angula r21/Vitest
All my tests are running correctly, except the ones that use debounceTime from RxJS
As a workaround for now, ny unit ...
0
votes
0
answers
32
views
How can I defer loading of rows in a table using Angular to reduce lag in large tables?
I have a found multiple scenarios where either 100s of rows of data need to be loaded or 10s of rows need to be loaded but they all have many components inside. Is there a way to dynamically load only ...
0
votes
0
answers
23
views
Angular handler next navigation after SSR render? [closed]
I'm working on an Angular application and setting the SEO tags (like title, description, and meta tags) in the standard way.
When I monitor the <head> section using a MutationObserver, I see ...
0
votes
0
answers
51
views
Angular 19 Jasmine Test HighContrastModeDetector Error [closed]
We have an enterprise Angular application. It was on v13 and I have upgraded it to v19.
The Jasmine tests are okay on v13 but it has error on v19.
I get the error shown in the screenshot.
I cannot ...
0
votes
0
answers
25
views
Capacitor Camera plugin returns “Unimplemented” on Android device even though plugin is installed
I have an Angular + Capacitor 7 app.
Camera plugin works in the browser, but on a real Android device I always get:
UNIMPLEMENTED
@capacitor/camera 7.0.2
Angular 17
Android 13 physical device
...
-4
votes
0
answers
41
views
Backend 500 Error: User Branch Not Assigned (NullPointerException) [closed]
I'm working on a kitchen design project and all orders are expected to show on the history table with their status changing along with the progress of the order but they aren't. This is the error ...
Best practices
0
votes
2
replies
46
views
How to make different copies of the same PrimeNG component in a scalable way?
Imagine that I am working with primeng and that I need two buttons with different styles using the primeng button component. Both buttons will be used a lot across the project, so my question is what ...
Advice
0
votes
0
replies
35
views
How to show push notifications in Angular 17 when receiving SSE events (even with the browser tab inactive)?
I'm using Angular 17 and Spring Boot 3.3.0, and I have Server-Sent Events (SSE) working on both the backend and frontend.
I need to display a push notification in Angular whenever a new SSE event is ...
1
vote
3
answers
92
views
White page when I use setTimeout
I created an intro/splash screen component that should display for 5 seconds and then automatically navigate to the login page.
The strange thing is:
If I don’t use setTimeout, Angular correctly ...
2
votes
1
answer
67
views
How to Animate using Canvas in Angular
I am trying to code an animated progress wheel in Angular 20. My animation works in a vanilla javascript environment, but when ported to Angular, nothing draws on the canvas and I'm not sure why. I've ...
1
vote
0
answers
53
views
Angular 20 Error: Property 'trackTitle' does not exist on type 'InputSignal<Track>'
I'm getting the following error in my Angular 20 app when using "input".
"Property 'trackTitle' does not exist on type 'InputSignal<Track>'"
I was wondering does anyone know ...
0
votes
0
answers
43
views
How to add an existing Angular project into the same Git repo as my ASP.NET Core Web API (VS + VS Code setup)?
I am building a full-stack project where:
Backend: ASP.NET Core Web API (created in Visual Studio 2022)
Frontend: Angular project (created separately in VS Code)
Git: I initialized Git from Visual ...
0
votes
1
answer
47
views
Can't connect a local ASP.NET Core API to my Angular v20 Frontend
I've been fighting this problem for the last 3 weeks. I don't know if I'm also doing something wrong at the moment of connecting the API to the Front end not being able to at least print the JSON ...
1
vote
2
answers
84
views
Angular: Numbers only directive
I have this piece of code
<input matInput type="number" [(ngModel)]="value"
(ngModelChange)="onChange(true)" />
But I want to be able to enter only numbers, ...
0
votes
0
answers
26
views
Unable to connect signalr hub with jwt authentication
List item
[2025-11-19T14:03:33.645Z] Error: Failed to start the transport 'WebSockets': Error: WebSocket failed to connect. The connection could not be found on the server, either the endpoint may not ...