306,697 questions
0
votes
2
answers
45
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
71
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://...
0
votes
0
answers
41
views
Angular NgRx: How to manage /entities list endpoint and /entities/:slug detail endpoint in the same state
I have an Angular application using NgRx. I have two API endpoints:
1. GET /entities → returns a list of all entities
2. GET /entities/:slug → returns a single entity by slug
I want to manage both in ...
0
votes
0
answers
49
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
90
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
66
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
51
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
58
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 ...
-2
votes
1
answer
79
views
Angular z-index not working for fixed position drawer inside child component due to parent stacking context [closed]
I'm using angular, I have provided exact code, drawer z-index is greater than app-context-icons then also, drawer div is not coming above the app-context-icons
I'm not allowed to change the layout or ...
1
vote
1
answer
120
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
48
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 :
...
1
vote
1
answer
85
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
60
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
74
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
81
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
35
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
84
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
62
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
74
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
75
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
51
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
152
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
60
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
64
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
51
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
52
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
66
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
67
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
57
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
0
answers
50
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
74
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
116
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
36
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
81
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/...
0
votes
0
answers
14
views
Lint not picking up errors that Angular language tool is able to locate
In my nx monorepo, the lint or build process is not noticing linter errors inside the .html files that my Angular language tools can detect.
For example a unsafe variable access:
someObject[...
Best practices
0
votes
3
replies
80
views
Best way to share mutable state across operations with concatMap?
I'm working with an rxjs stream where I need to maintain some shared state across multiple sequential operations:
valueChange$.pipe(
concatMap(x => ...
Advice
0
votes
4
replies
65
views
How to get an Angular Material table to grow/shrink
I'm not a natural with css/html and realise that my question probably demonstrates my general lack of knowledge around positioning and sizing in css.
I am building an enterprise solution. Across the ...
0
votes
0
answers
41
views
I'm having trouble to redirect my user after the login with Angular using the Oauth2 oidc dependency
I'm using basic configs that I got at documentation and after my user is logged in it should redirect the user to a specific path, what I was doing is something like this. And one more thing is that ...
Advice
0
votes
2
replies
75
views
Advice on how to be a good angular dev
I’m learning Angular and currently comfortable with Reactive Forms, API integration, authentication (JWT/cookies) and basic state handling. I’ve implemented login flows, and conditional UI rendering. ...
0
votes
1
answer
53
views
Angular v20 + ng2-charts - It doesn't draw any graphs
I'm using Angular v20 and the ng2-charts library to create a reusable component that draws the chart for me.
I'm sure the problem is within my component. BarChartHorizontalComponent.
...
2
votes
2
answers
91
views
Getting Laravel Spatie Permissions - ExpressionChangedAfterItHasBeenCheckedError
I'm using Laravel as REST API.
My frontend should show
All Permission
All Roles
All Roles with their specific Permissions
My Errors (F12)
(11) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
...
Best practices
0
votes
4
replies
107
views
Migration from Reactive Forms to Signal Forms bottom-up
Currently, we need to migrate all Reactive Forms forms in the project to the new Angular 21+ Signal Forms. The form is very complex, multi-level, with FormGroups within FormGroups, etc. Therefore, we'...
-1
votes
0
answers
36
views
Module Federation remote app missing Tailwind CSS classes that aren't used in host application, I am using angular
Background
I'm working on an Angular application that uses Webpack Module Federation to implement a micro frontend architecture. I recently extracted a module from my main application (host) and ...
1
vote
1
answer
105
views
I'm getting an error "NG0201: No provider found for `_OAuthService`" trying to use the OAuthService in Angular
I'm trying to implement a Keycloak login in Angular. I'm using Angular 21 and I got this error. Most of this code I got from a support and from a video. In the video the guy is using Angular 12.0.0, ...
2
votes
0
answers
66
views
Angular routing is working fine, but some component template is ignored because of other unlinked component usage
I am facing a very strange behavior in my Angular project. It will be quite challenging for me to fully explain, and for you to find out what the problem is.
The Angular version is 20.3.15.
The app ...
2
votes
1
answer
59
views
Provide Angular Keycloak (v19+) config based on ENVIRONMENT_CONFIG not possible
Introduction
I'm currently migrating some projects from Keycloak Angular v18 to v19, with its big rework. One of the changes is that you now have to use the provideKeycloak() method in the providers ...
3
votes
1
answer
115
views
How to set HttpContext in Angular 18 with decorators?
I have many methods (GET, POST, PUT..) like this:
profile(): Observable<UserProfileInfoDTO> {
return this.http.get<UserProfileInfoDTO>(this.apiUrl + '/user/profile');
}
On the server, ...
4
votes
2
answers
136
views
Why is my text not updating on my HTML even though it changes on my .ts? How do I fix this? [closed]
I am trying to create a terminal Pop-up which types out a message then redirects. The terminal does pop-up and the cursor is visible but the message does not get typed out. I have debugged it a few ...
-1
votes
0
answers
134
views
https requests are aborted in angular application
I changed my angular (version 21) application from HTTP to HTTPS, after changed the application it throws an abort exception for every request. Can anyone give a advice to solve this issue?.
chrome ...