37 questions
Score of 1
0 answers
74 views
Angular Web Worker error after using Module Federation: importScripts not supported
I’m using Angular with ngx-build-plus and Webpack Module Federation.
I have a Web Worker like this:
const worker = new Worker(new URL('./model.worker.ts', import.meta.url));
Inside the worker, I ...
Score of 1
0 answers
78 views
ng-bootstrap Datepicker throws NG0203 takeUntilDestroyed() error on Angular 20
Problem
When clicking on an ngbDatepicker input to open the datepicker popup, I get the following runtime error:
ERROR RuntimeError: NG0203: takeUntilDestroyed() can only be used within an injection ...
Score of 1
1 answer
148 views
Angular 20 Router always redirects to "/" whether if I load a full url or if refresh another url
I have developed a small project in Angular 20 using Spring-Boot as my backend (my project does not use nginx).
Every time I refresh my application on any url of the project or load a full url that ...
Score of 0
0 answers
49 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()
...
Score of 1
1 answer
529 views
Primeng components failure after Angular 20 update
After updating to Angular 20.3.9, primeng does not apply their styles to the input and button of this html and can not also import the Aura theme:
<form class="cloud" id="login-form&...
Score of 1
0 answers
119 views
Angular @for Loop Not Updating When Signal is Truncated
Background:
I am working on an Angular 20.3.10 application where I use signals for managing the state of a collection of toast messages. I have SSR and Zoneless enabled and have a web worker ...
Score of 2
2 answers
94 views
Prevent navigation to non-existent ID params
I try to prevent user to navigate to a non-existent id parameters with my details component. I read the documentation of Angular v20 and it seems that the "resolvers routes configuring" is ...
Score of 1
1 answer
96 views
Angular compile error using strict templates with @if optional chaining
I'm currently running into an issue/question about optional chaining in Angular. I'm running Angular 20, with "strictTemplates": true enabled as angularCompilerOptions and "strict":...
Score of 2
1 answer
124 views
How to create an error boundary component in Angular 20 to catch errors from child components?
I'm using Angular 20, and I need to create a component that works like a React Error Boundary.
The idea is:
If there are no errors inside the child components, it should render the normal content.
...
Score of 3
1 answer
1041 views
ESLint issue after upgrading to Angular 20 (".eslintignore" no longer supported)
After upgrading my Angular project to version 20, ESLint started throwing the following error when I run linting (using Nx):
[error] (node:20947) ESLintIgnoreWarning: The ".eslintignore" ...
Score of 1
1 answer
112 views
Frontend is not loading config in Angular app
I switched from Angular 16 to Angular 20 and suddenly Angular is not loading my configuration data.
There is a file with my Kubernetes setup in:
src
- assets
- config
- config.json
...
Score of 0
3 answers
113 views
Grouping element in template throws error with for loop
In the template, I am trying to group the elements within the ul and li. I know that i can be achieved with pipe by grouping other way.
when I tried with template with conditional literals, like below
...
Score of 2
2 answers
99 views
Angular Reactive Form still includes empty values in form.value even after applying validators
I'm using a
Angular 20 with Reactive forms. Even after applying Validators.required to some controls, the form still includes empty string ("") or Null values when I log or submit form.
I ...
Score of 1
1 answer
328 views
Build of angular library with ng-packagr fails for json translation files not found
I migrated one of our projects from Angular 18 to Angular 20.
The projects is strutured in this way:
project_name
-- projects
---- frontend
---- lib
------ src
------ lib
-------- i18n
-------- public-...
Score of 0
0 answers
67 views
ctx.widgetSize is not a function when using widgetSize input signal
I’m developing a standalone component in Angular 20 and I’m getting this error:
ERROR TypeError: ctx.widgetSize is not a function
at SanctionWidgetComponent_Template (sanction-widget.component....