306,652 questions
Advice
1
vote
1
replies
54
views
New Component is not displayed in StackBlitz online compiler
I have been able to create the code in my local machine using Visual Studio Code. In that case I am using Angular 15. The project is already having app.component.ts, app.component.html. But here in ...
2
votes
1
answer
58
views
How to show multiple tooltip with arrow mark in Angular 18
I am trying to show multiple tooltip using ngx-boostrap in Angular. But it is not working. Arrow mark also not working properly for each tooltip info.
ng-template using for the tooltip content. How to ...
4
votes
2
answers
106
views
How to close Bootstrap info using click event in Angular 18
I am trying to show info message when we click on the info button. When I mouse-over the button, the info message is showing. I want to show it only if I click the info button - not on mouse-over.
...
0
votes
0
answers
72
views
Cannot install Angular 21 on Windows 10
For some reason I can only install Angular 19.0.7 on my WIndows machine. I'm using Windows 10 Version 22H2 (OS Build 19045.6466).
No matter what I do, I keep getting Angular 19.0.7. How can I remedy ...
0
votes
1
answer
50
views
VS2026 Angular/ASP.Net launch configuration without debugging
I've used the Angular/ASP.Net templates in the past with Visual Studio and they've worked reasonably well. Now I've upgraded to VS2026 and am using the latest node.js and angular cli. For the life of ...
1
vote
0
answers
57
views
Angular Signal Forms: computed() / linkedSignal triggers infinitely after recreating form with runInInjectionContext
Background
Angular's signal form API (e.g. from libraries like @angular-signal-forms) requires an injection context to be created, which means it can only be initialized during component/service ...
2
votes
1
answer
54
views
How to vi.mock the ResizeObserver used within our custom ResizeObserver Directive
In our nx/Angular 21 environment, we have developed a custom ResizeObserverDirective (which uses the standard ResizeObserver under the hood).
In our tests, we are having trouble mocking it using vi.fn(...
0
votes
1
answer
38
views
angular-datatable pagination hover effect
So i am using angular-datatable 18.0.0 the issue is i am trying to remove the hover effect from the dt pagination button
<div class="layout-container">
<div class="text-end&...
0
votes
1
answer
42
views
Redirect old URLS with SEO to new app. Angular + Symfony
I'm having a situation where there is an existing website. It's going to get replaced by a new version made from scratch but I want to use old URL's which will exist for a while to preserve SEO score ...
2
votes
1
answer
84
views
Adding default queryParams in Angular 21
Before Angular 21, it was possible to add default queryParams like this, to avoid putting them in every link in our application:
@Directive({
selector: "[myRouterLink]",
standalone: ...
1
vote
1
answer
92
views
Getting NG0100 error after changing Angular version and component to standalone
I am quite new to Angular, I have read the docs but I don't understand why I'm getting this behaviour in my context. I simplified my component to this:
Parent component HTML:
<my-component [data]=&...
0
votes
0
answers
81
views
Stop animations firing when navigating away from a page? [closed]
Problem
I have a control that shows & hides depending on a boolean variable. When the boolean is set to false, the control fades out.
Now when I navigate away to a different page the fade ...
0
votes
0
answers
64
views
Angular circular dependency between global table and global form builder components
Angular v21 project with Material framework also v21
so I've built my
Universal Table (UT) component - need a table? use this component
from fully searchable, sortable, paginated
to a simple, not ...
0
votes
1
answer
92
views
Jenkins Running in Docker deploy Angular app to Nginx [closed]
I have a Docker compose file with a few services. Two of these services is a Jenkins server and the other is an Nginx server. All services including the two in question run on a docker network but in ...
-1
votes
0
answers
56
views
Problem trying to make my Angular 21 use fastify for server-side rendering
This is my server.ts code. I am trying to use fastify to perform server-side rendering instead of the default express that Angular 21 uses; to have a slight boost in my performance.
But when running ...
0
votes
0
answers
52
views
How to run Angular tests with vitest in band (fileParallelism false)
My Angular tests are passing locally, but failing in the CI. I think it could be due to the fact that in the CI, they run in band, while locally it's in parallel, but I can't find a way to run it ...
0
votes
1
answer
98
views
CDK Virtual Scrolling with Flexible Width [closed]
I want to use a cdk-virtual-scroll-viewport with a list of many items. This list will be used in various places, and some items will have more text than others. I want to set a min-width and max-width,...
0
votes
3
answers
100
views
Avoid initial request on rxResource creation?
When creating an angular rxjs interop using rxResource, an initial call to my http resource is made on creation. Is there a way to prevent this?
2
votes
1
answer
99
views
How to get type checking on NgTemplateOutlet let- variable from Child Component
In below diagram you can see type checking is working correctly for the signal object, but not for the let object, even though both of them are of same type-
Example on stack blitz- https://...
2
votes
0
answers
54
views
Monaco knowing about .d.ts files?
[email protected] allowed the following code
monaco.languages.typescript.typescriptDefaults.addExtraLib(
rxjsIndex,
'file:///node_modules/rxjs/index.d.ts'
)
Thats not possible anymore in ...
4
votes
1
answer
295
views
Angular 21.2.0 SSR: ng serve --host 0.0.0.0 not working after update to version- ^21.2.0
It starts but when I try to visit it from browser, it gives error-
ERROR: Bad Request ("http://localhost:4200/").
URL with hostname "localhost" is not allowed.
For more information,...
Advice
3
votes
3
replies
91
views
Handling HTTP call side effects with Angular Signals
I have an Angular app and I'm trying to modernize with Signals. I'm having some trouble understanding how to handle the side effects of an http call, namely, what would happen in the next and error ...
2
votes
3
answers
72
views
How can I bind the ng-select items to data injected into a MAT_DIALOG_DATA in Angular 21?
We're upgrading an Angular application from 16 to 21. As part of the upgrade we're running into an issue updating some of our forms that use the [ng-select](https://www.npmjs.com/package/@ng-select/ng-...
Best practices
0
votes
1
replies
101
views
PrimeNG vs NG-ZORRO comparison
PrimeNG and NG-ZORRO as UI Library, which is better for large enterprise grade Angular application? Where customization will be easy, less pain and all features will be available.
I feel PrimeNG ...
1
vote
1
answer
140
views
Angular Component parameter undefined after Http GET request
I am trying to build an HTTP application with Angular 20 and having an issue with one of my components. I am making a HTTP GET call with one of my services to an API and returning all events I can ...
2
votes
1
answer
62
views
Reopen destroyed Dynamic Dialog
I'm using multiple PrimeNg Dynamic Dialog on my app and I would like to close all of them at once when the process ends.
Let's say I open a 1st, then a 2nd, then a 3rd.
I open the 1st like this :
...
2
votes
1
answer
121
views
Testing without losing template coverage
I’m using Angular 21 with standalone components and Vitest (via @angular/build:unit-test).
I have a parent standalone component that imports a child component:
@Component({
selector: 'app-child',
...
0
votes
0
answers
79
views
Angular DevTools Signal Graph not Showing
I use the Angular DevTools, but since yesterday the signal graph functionallity has not been showing anything. Any idea why?
1
vote
1
answer
77
views
Observable value getting emptied and I update it
I have structure where I need to use a shared service variable showChangeLimits in order to trigger a component to show however on changing the value of the variable I loose the value of the ...
2
votes
1
answer
84
views
Unable to trigger component using a shared service variable
I have structure where I need to use a shared service variable `showChangeLimits` in order to trigger a component to show however on changing the value of the variable I do not see the component show
...
0
votes
1
answer
41
views
Angular application builder - crypto-hash dependency
I have a problem with one dependency after migration to application builder with SRR.
"build": {
"builder": "@angular/build:application",
...
}
Crypto-hash ...
-3
votes
1
answer
95
views
What is the real benefit of Signals for Change Detection in Angular when full Zoneless is not yet feasible?
I've been diving deep into Angular Signals and trying to understand their actual impact on Change Detection (CD) in real-world applications where going fully zoneless is not yet practical.
Here is my ...
1
vote
1
answer
74
views
Exhaustive typechecking for `@switch` blocks in Angular?
How can I achieve exhaustive typechecking in `@switch` blocks in Angular templates ?
I can do
type Status =
| { kind: 'idle' }
| { kind: 'loading' }
| { kind: 'success'; data: string }
| { ...
0
votes
0
answers
88
views
Angular 21 cold start error: platform2.detectOverflow is not a function (Shepherd.js + @floating-ui/dom) — works after refresh
We upgraded our application from Angular 20 to Angular 21.
After the upgrade, we are seeing this runtime error only on cold start (after clearing browser cache and local storage):
TypeError: platform2....
0
votes
0
answers
96
views
ng serve too slow in Angular 21
I'm building a small project in Angular, it consists of a web page with REST and backend simulating being a blog. When I execute ng serve, it took about 36 seconds or more. I think it's not normal and ...
Best practices
0
votes
2
replies
59
views
Best approach to architecting Angular apps libs with Nx as microfrontend
I am interested in the Nx. I began to use that.
I created a basic Example using dynamic module federation for a micro-frontend-based app. The workspace has a host, main-host, and three remotes ...
2
votes
2
answers
250
views
Angular 21 - Variable change not rendered in DOM
I recently updated from Angular 19 to 21 latest.
A bunch of my variable changes are not detected anymore.
The simplest example is my waiting srceen:
<div class="loading-overlay">
&...
2
votes
1
answer
78
views
Angular / Signal Forms: Dynamically Bind to FormField
I'm trying to create a form with dynamic form controls.
Say I have my Signal Form setup like this:
const FormType = {
A: 'A',
B: 'B'
} as const;
type FormType = (typeof FormType)[keyof typeof ...
2
votes
1
answer
75
views
Ng-bootstrap dropdown placement does not work in hostDirective input
I have a custom dropdown component that uses ng-bootstrap's NgbDropdown under the hood.
I am trying to add the 'placement' input to the hostDirective, but this does not seem to do anything. This is ...
0
votes
0
answers
52
views
Problems with opera gx and video playing
I wanted to put a video on background for my site, for some reason the video showed up but didnt play at all, it only played sometimes randomly, I expect it to be something about the browser, I use ...
0
votes
0
answers
54
views
Swiper 12 loop:true centeredSlides:true - swiper-slide-active ends up last in DOM with no next slide on second loop cycle
I'm using Swiper 12 with Angular 21 (swiper-element web components) and I have
two synced carousels - one image carousel and one text carousel.
Setup
Both carousels:
slidesPerView: 1
loop: true
...
1
vote
1
answer
67
views
PositioningService throws NG0203 — takeUntilDestroyed() called outside injection context inside runOutsideAngular
Version: ngx-bootstrap 21.0.1, Angular 21.1.4
Description:
PositioningService constructor calls takeUntilDestroyed() inside NgZone.runOutsideAngular() callback (positioning/fesm2022/ngx-bootstrap-...
3
votes
1
answer
84
views
Angular 20 app shows blank page on first load after deploying with --base-href /new/ and Service Worker — works after refresh (only in Production)
I built an Angular 20 app with:
"build:prod:with-base": "ng build --configuration production --output-hashing=all --base-href /new/ --deploy-url /new/ && node ./build/post-build....
0
votes
0
answers
64
views
When I enter in a different route my app has a kind of delay, the real state only comes after a page refresh
I'm developing a full-stack app, using Angular and Java Spring, I put a log on the constructor just to know if the user has an access token, in this case it has, because I just logged in on the webapp,...
2
votes
2
answers
78
views
ERROR RuntimeError: NG0203: The `_AuthService` token injection failed. `inject()` after start using OnInit, I'm using Angular 21 standalone
I'm building a page that get data from my backend and I need this data as soon as the user enter the page, so I need to use OnInit probably, but I'm getting these two errors. I was calling my method ...
2
votes
1
answer
79
views
URL changing but not the display
I am trying to use the ionic router outlet, in an Angular Standalone app.
I have set the ion-router-outlet in the app.component.ts and calling router.navigate. The URL is changing, the fallback page ...
1
vote
2
answers
138
views
Angular Signal Forms: ERROR RuntimeError: NG01904: Orphan field, can't find element in array <root>
We use Angular V21.1, form signals and angular material. We have two select boxes. The selection of the first select box fills the second one with data. Here is the code:
Template:
<div>
<...
0
votes
0
answers
24
views
DatePicker filter in toolbar not working when using kendoGridFilterTool directive
I am using the Kendo Grid toolbar component with filtering enabled through the kendoGridFilterTool directive.
All filter types work correctly except for the DatePicker filter. When I try to select a ...
1
vote
0
answers
42
views
Flyon UI angular@^21.x integration gives has no exports [import-is-undefined] error
After installing FlyonUI into angular 20.x and 21.x, I am unable to import and use the components.
for example
import { HSAccordion } from "flyonui/flyonui";
Generates a warning in the ...
4
votes
1
answer
114
views
Angular v21 vitest throws ReferenceError: Component is not resolved
While trying to run vitest for Angular v21 we are getting Error:Component 'Redirect' is not resolved:
- templateUrl: ./redirect.html
- styleUrl: ./redirect.scss
Command Used : npx vitest run src/app/...