306,957 questions
0
votes
0
answers
14
views
Angular 20 token injection failed
I migrated an application from Angular 14 to 20 with the following structure. I have a library in one workspace and my front in another workspace. I want to start my lib so I do, as it were, a npm run ...
- 636
0
votes
1
answer
34
views
Angular mat-form-field not resizing in flex-box
I am trying to use Angular material form field along with flex-box, but unable to make them shrink on screen resize, i am sure i am missing some flex-box property or style, please help me in fix this ...
- 945
0
votes
0
answers
12
views
How to animate each MatListItem on mouseenter in angular 20?
i have a comment component with a mat-list component from material and inside it many mat-item-list so for each mat-list-item component i want to listen event like mouseenter and do something when ...
-3
votes
0
answers
58
views
Angular + ASP .NET Core Web API [closed]
I've been trying to create an Angular + .NET 9 web app. In a lot of Youtube videos you're told to create Angular app in VSCode and then the Web API in Visual Studio using ASP.NET Web API. But the ...
0
votes
0
answers
16
views
How to maintain focus in a dynamic Bootstrap dropdown with both search and selection functionality in Angular?
Problem:
I have a form with a dynamic list of dropdowns in Angular, where each dropdown behaves both as a search input and as a normal dropdown. I am using Bootstrap's dropdown-toggle method to handle ...
- 37
0
votes
0
answers
39
views
Long compile time in angular 20
After upgrading my angular project from 19.2.15 to 20.3.1
My project's compile time (ng build) when from 85.426 seconds to 453.679 seconds.
The resulted bundle size difference is minimal (different by ...
- 368
0
votes
1
answer
34
views
Attribute in class name for ngClass JSON
I have the following code for my toast component, in which I assign a class via the type of the toast [ngClass="this.toast.type"], which for example assigns the class info. Now I want to ...
- 827
-1
votes
0
answers
22
views
Angular/Capacitor app running on Android Studio not connecting to the server
I'm setting up an Angular App with Capacitor and run it inside Android Studio AVD. I have used ng build --configuration staging command, so that I can refer my staging environment server which hosted ...
- 299
-2
votes
0
answers
42
views
How to protect environment configuration files in Angular/React during build? [closed]
What are the ways to protect environment configuration files in Angular/React during build?
I am using Angular: environment.ts and environment.prod.ts. Does this protect it, and what other ways are ...
-1
votes
0
answers
53
views
Why is the ePOS SDK connect method ignoring the callback? [closed]
Context:
Working on a sales app developped using angular, typescript and electron, I was assigned to open the cash drawer conected to an Epson TM-T20II Thermal printer but I am having trouble using ...
- 1
-1
votes
0
answers
29
views
The same selector in multiple components ('parallel') [closed]
I've seen somewhere, that it is not recommended to have multiple subscriptions listening to the same stream (Observable) at the same time. Does this apply also to Ngrx selectors?
My situation: I have ...
- 455
0
votes
0
answers
33
views
What kind of persistence should I expect for values saved in NgRx store for an Angular application
After reading the documentation for ngRx what I understood was that NgRx stores data at application level. When I run the application and click a button on my AppComponent, the product gets added to ...
-1
votes
0
answers
32
views
Blank Angular page in Chrome [closed]
I’m working with an Angular 18 SPA that’s deployed to production. It used to work fine, but recently I noticed an issue:
• In Chrome (normal mode) the app loads a blank page — the app-root element ...
- 449
-1
votes
0
answers
20
views
Write test for an Angular async service method [closed]
I new to Angular and im having trouble writing unit tests for the following method for a service using jasmine/karma. Please advise?
Test needs to cover the following:
this.httpClient.post was called ...
- 1,096
0
votes
0
answers
35
views
Standalone component imported in Module requires module to have a service provider
I'm getting a NullInjectorError and I can't figure out why. I've figured out a solution, but I'm not confident it really addresses the root cause.
In a library, I have a standalone component ...
- 422
0
votes
1
answer
38
views
angular app_initalizer didn't execute
i want to do some initialization and have a return of an obesrvable before my app start, so i write this code and put it in the app.module
function initializeApp(authService: AuthService) {
return ()...
- 559
0
votes
0
answers
29
views
Angular Nx app crashes with SIGILL in latest Chrome, works in Firefox
Hello,
I have a workspace using Nx with multiple Angular projects. Some projects work fine in Chrome, while others crash with a SIGILL error when opened in the latest Chrome version. Surprisingly, ...
0
votes
0
answers
46
views
Why does ngbDate picker Month & Date selection not come in Angular version 20?
I'm using Angular version 20. Month and year selection are missing. I have tried more methods, however I am still facing issues.
Imports:
CommonModule, FormsModule, ReactiveFormsModule, ...
2
votes
0
answers
59
views
Remove scrolls on Angular application canvas
I'm using Angular 11.0.0. In order to see dashboards of other Angular applications from mine, I had to expand both width and height to 110% and 900 px, respectively
].
The goal is that every Angular ...
0
votes
1
answer
48
views
@apply is not working in angular 20/ tailwind 4 project
I've recently created a new angular application (version 20.3.0) and I installed tailwind 4, using the angular documentation guideline which is very simple to do (also tailwindcss in its documentation ...
- 85
0
votes
2
answers
44
views
Ionic 8 Capacitor 7 new app collides with status bar and the navigation bar of phone
I create a brand new Ionic app (Ionic8, Capacitor7), added the android project to it and deployed it to my phone.
1. ionic start
2. ionic cap add android
3. ionic cap run android
At this very simple ...
- 515
1
vote
0
answers
35
views
Type narrowing is lost when accessing nested form controls in Angular generic reactive forms
I found some strange behavior of the types in the form
interface RootForm {
children: FormGroup<ChildrenForm>;
}
interface ChildrenForm {
field: FormControl<string>;
}
@Injectable()
...
- 11
0
votes
1
answer
70
views
How to share signals from service to components [closed]
I have a signal in a service that I need to access in my component (both TypeScript and HTML). What's the best way?
Service:
@Injectable({ providedIn: 'root' })
export class DataService {
count = ...
- 311
2
votes
1
answer
43
views
Angular get access of dynamic elements and change the values
I have Angular component that contains number of products which are dynamically created using ngFor directive. Here I need to access each products quantity and control using increament and decreament ...
- 347
0
votes
1
answer
81
views
Cannot use CSS variables (var(--bs-primaryColor)) as $primary in Bootstrap SCSS – throws “is not a color” error #41746
We are trying to use dynamic colors coming from our backend to replace Bootstrap’s primary and secondary colors at runtime. Our approach is to map Bootstrap’s $primary and $secondary SCSS variables to ...
0
votes
1
answer
50
views
NgRx computed not Update Value when used in NgRx Store
I have a computed in my signal store, which should react on a value change but it just fires 1 time at creating and not when signal values are changing
const initialData = {
gridItems: [] as ...
- 53
-1
votes
1
answer
54
views
Upgrade to Node 22 (from 20) breaks Angular ESM build [closed]
Sorry in advance, as I won't show much code, it is in a real, complex, professional project.
Context: a project with Angular 19, build with Webpack 5 for pre-processing custom i18n files, using "...
- 41.3k
1
vote
1
answer
58
views
Angular resource API: Why does loader stay in error state after params change?
We would like to try out the new resource API in Angular in combination with the new ngrx/signal-store. In production, we currently use httpResource to retrieve data from the backend. When an error is ...
- 242
0
votes
0
answers
19
views
Client's firewall seems to be blocking Agora WebRTC in my webapp?
I'll start this post by saying that I'm no expert on the matter, as I've just recently started working on these things.
At my job we have an Angular webapp that's really simple, it creates a videocall ...
-1
votes
0
answers
35
views
frxjs/ngx-timeline 'cannot assign to read only property of object' errors [closed]
I am using Angular 16, and I installed
npm I @frxjs/[email protected]. My company has its own artifactory, and I uploaded the timeline Library there after changing the dependency from Angular 16 to ...
- 1
0
votes
1
answer
28
views
Angular failing to load route in Ionic Cordova Android production build only
I have been updating my Ionic Angular application to latest version and standalone. All is working fine when I run using ng serve, and also my iOS runs fine in the iOS simulator.
I have the latest ...
- 7,973
0
votes
0
answers
35
views
How can I integrate an Angular 8+ single-page application with WordPress as a backend? [closed]
I want to build a single-page website using Angular 8+ for the frontend and WordPress as the backend.
Most tutorials I’ve found cover React or AngularJS, but not modern Angular. I understand that I ...
0
votes
0
answers
20
views
How to remove 'unsafe-eval' from CSP in legacy ASP.NET Core 3.1 MVC + Angular 12 project using MVC and JIT compilation?
I have a legacy project developed with ASP.NET Core 3.1 MVC and Angular 12 (originally it was Angular 5).
I need to set a Content Security Policy (CSP) for the website without using 'unsafe-val' to ...
- 11
0
votes
1
answer
38
views
Angular - scroll to table row on page load
I have a mat-table in my app (angular v20) that is loading a longer list.
If an additional ID is provided, I would like to scroll to that ID in the table.
My problem is that I didn't find the right ...
- 27
0
votes
0
answers
48
views
Angular login showing blank white screen
I am trying to implement login function in angular application. When I login, I am storing current user information to local storage and using that value in another modules to get current user's id , ...
- 259
0
votes
0
answers
30
views
Automatic redirection is not working for the deployed internalized Agnular app
I'm working on the site internalization using Angular, i18n, and Apache2.
Steps I made
I made site translation using an .xlf file for the uk locale. en locale was set as the source locale.
I adjusted ...
0
votes
0
answers
19
views
How to set basePath with openapi-generator-cli 7.12.0
Hey i have following openapitools.json
{
"$schema": "./node_modules/@openapitools/openapi-generator-cli/config.schema.json",
"spaces": 4,
"generator-cli": ...
- 1
0
votes
1
answer
42
views
Why am I getting NG203 when calling createComponent
I am trying to use Module Federation to load a remote component. I can see that SharedComponentRole has a correct value, however on calling container.createComponent I get the following error:
...
0
votes
2
answers
51
views
Generating Angular Routes via API
I've looked at previous posts on this which are now somewhat out of date.
I want to generate my Angular routes via the API backend. The reason for this is so that different routes can be generated ...
- 4,197
0
votes
0
answers
54
views
Embed application insights into our web app
I need to embed our Azure Application Insights dashboard into our web application using an HTML . How can I achieve this securely?
I tried embedding the Azure Application Insights dashboard in our web ...
-1
votes
0
answers
54
views
Angular - non-existing circular dependency detected (!) [closed]
I'm getting following message in the console:
Circular dependency detected for MyService. Source: Environment Injector
...however, that service is being injected in only one component (which is ...
- 51
1
vote
1
answer
64
views
How do I update/add table column headers to Angular Material table?
I am trying to updated the current table headers and add new column headers as well. The issue is when I change the columns to display in the typescript the data for each column disappears. For ...
- 43
0
votes
0
answers
25
views
How to use a custom Angular M3 theme?
I am having a difficult time figuring out how to use M3. I've been trying to follow Agular's documentation here.
I used ng generate @angular/material:theme-color to generate several palettes, but the ...
- 406
-1
votes
1
answer
45
views
Content not visible during scorling in Angular component
In Angular, I have three components header, lefpanel and router-outlet for all other component data/page need to display. The initial component introduction have some contents, but only partial ...
- 347
-1
votes
0
answers
33
views
a little type safety for SignalStore patchState()
I'm still new to signals. And some of my code looks like this:
withMethods((store, loader = inject(StatusLoader)) => ({
async load() {
patchState(store, {loading: true, errorMessage: ''});...
- 1,498
0
votes
0
answers
28
views
Angular in IntelliJ IDEA Ultimate: red underlines on <mat-*> and <app-*> tags, but code is valid
I’m working on an Angular project in IntelliJ IDEA Ultimate.
In my Angular templates (.html files), IntelliJ marks Angular Material and custom component tags with red underlines, for example:
<mat-...
- 329
0
votes
0
answers
49
views
Prerender in angular 20 latest
I have portfolio web needed help for the latest Angular 20 version for prerender options to generate static html pages for better seo purpose. Need help with how to enable prerender in website without ...
0
votes
0
answers
53
views
Can I scope Angular Material mixins without declaring @include multiple times? [closed]
I'm trying to figure out if there is a way to use 1 @include statement for the same mixin that can change values based on class. Here is a simple example of applying mixin values for a snack bar class ...
- 346
0
votes
0
answers
42
views
Span is not read from a screen reader if there is no fallback message
I am trying to implement accessibility in my site, but when I use a screen reader, it ignores the text "Test message".
I have a component named Account:
<span [ngClass] ='AccountStyles'&...
- 31
0
votes
0
answers
45
views
How to use pdf.worker.js locally in angular application
I am trying to render the pdf report in the Ui using angular 14. This working fine in some environments. But in some environments it is blocked by the firewall.
Currently it is loading the internet. ...
- 325