307,106 questions
0
votes
0
answers
6
views
Electron app images in build assets directory giving 404, even after base href ./?
I am working on a production app so I can't reveal too much.
I am turning an angular 19 app into an electron app. It was going fine until the images gave a 404 error when the electron app was finished ...
1
vote
1
answer
53
views
How to delete an item in an immutable signal array or a key/value in a signal object?
To update items into an immutable array, we can easily do:
array = signal([1,2,3]);
...
...
this.array.update(item => [ ...item, 'newItem' ]);
To update items into an immutable object easily do:
...
- 517
0
votes
0
answers
32
views
Use Angular @Input / input() from a mixin
If I put a @Input() property / input() signal to a mixed in class the Angular compiler isn't aware of it / states, that the property doesn't exist, if bound in the template.
As officially stated by ...
- 1,055
0
votes
0
answers
13
views
Kendo Angular ContextMenu: Disable Item When Using [items] Binding
I'm currently using the kendo-contextmenu (@progress/kendo-angular-menu v15.3.0.) component in an Angular application, and I'm binding menu items dynamically using the [items] input.
I would like to ...
-1
votes
0
answers
10
views
angular material v19--editable table references
Can anyone please share any stackblitz links or git hub repos for angular material editable table?Mean like I should be able to add/delete/edit rows in the table..official material docs does not have ...
- 39
-1
votes
0
answers
31
views
date persian in angular [closed]
<div class="my-3">
<label class="form-label" for="Employee_birthDate">{{ l('BirthDate') }}</label>
<ng-persian-datepicker (dateOnSelect)="...
1
vote
2
answers
49
views
How to load darkmode.js file dynamically?
I have a toggle button inside src/app/user-list/user-list.html, namely:
<div class="btn-group">
<button class="btn btn-secondary btn-sm"
type="...
- 65
1
vote
0
answers
21
views
Word Addin - Get version from the manifest file
We have developed a Word Add-in using Angular and are currently using OfficeJS for performing Word-related operations.
We want to programmatically access the manifest version (i.e., the version ...
- 1,474
0
votes
0
answers
22
views
Problem during primeng theming in angular problem [closed]
I tried many times to create an angular19 + primeng project, but it always ends up looking like this [1] when I import components.
[1]: https://i.sstatic.net/HtqMaBOy.png
What's wrong with that? I've ...
0
votes
1
answer
52
views
How to pass a default value with @Optional in Angular 20?
In Angular 20, how can we inject an optional InjectionToken with a default value?
In Angular <20, I used to do it as follows:
constructor(@Optional@Inject(FOO) private foo = true){}
- 8,855
1
vote
1
answer
43
views
Data from service not rendering in template unless cdr.detectChanges() is called
I'm new to Angular and using Angular 20. I'm trying to load employee data from a service inside ngOnInit(). The data is received correctly, but it doesn't show in the template unless I manually call ...
1
vote
3
answers
93
views
How to use new Angular 20 inject syntax with
I'm using @Inject(String) to enable giving config at the instantiation of my service.
Here's the code:
const httpLoaderFactory: (http: HttpClient) => TranslateHttpLoader = (http: HttpClient) =>
...
- 8,855
0
votes
1
answer
33
views
How to Execute Logic After Store Update Using Signals in Angular?
I’ve built a signal store that includes all the necessary methods.
Component A
In this component, I have a navigateToUser() function where I call this.userStore.loadUser().
This method makes an API ...
2
votes
1
answer
48
views
How to iterate over a Angular signal object in the html by using @for
In the html, I have to iterate over a WritableSignal object variableList(), but this html code will not run the loop unless the json string of the variableList() will show correctly in the same html.
...
- 517
0
votes
0
answers
27
views
Angular build error: Could not resolve "src/custom-theme.scss" — no import found in any project files [closed]
I'm getting the following error when building my Angular project:
Error: Could not resolve "src/custom-theme.scss"
angular:styles/global:styles:1:8:
1 │ @import 'src/custom-theme.scss';
...
3
votes
1
answer
40
views
Angular 17 Module to Standalone Conversion. How should I setup main.ts or app.config.ts?
I'm trying to change my Angular 17 project to be a standalone project. But some of the fundamental files are different than how they are defined in tutorials and other people's projects. I didn't have ...
- 53
3
votes
1
answer
61
views
How to Update an Immutable Signal Object which is itself a AppComponent Property?
I am struggling with a simple plain object, which is itself a property of AppComponent. This object "x" is wrapped as a writable signal.
I want to implement a method which updates the own ...
- 517
0
votes
0
answers
51
views
Does the Angular Material Expansion Panel no longer have animations? (Angular Material 20) [closed]
I am trying to use the Angular Material Expansion Panel (version 20), but the animation is not being applied when opening and closing the panel. The expand/collapse happens abruptly without any smooth ...
- 9
0
votes
0
answers
46
views
Homepage loads scrolled to middle section instead top
Problem
I'm building an Angular application with a homepage that has multiple sections including a hero section with video background and a horizontal scrolling "how it works" section using ...
-1
votes
1
answer
27
views
Angular using MouseEvent instead of PointerEvent it TypeScript
When I started learning AngularJs i ran into something weird
in a component when i write a click event and get send the $event as the parameter the type of event has to be MouseEvent in the TS file, ...
0
votes
1
answer
56
views
How do I fix the Ionic Angular Standalone Firebase API called outside injection context error?
While migrating my Ionic Firebase project from NgModules to standalone, I get errors - I'm using Ionic Capacitor 7, Angular 20.
ERROR: Firebase API called outside injection context: user
Has anyone ...
- 524
-4
votes
0
answers
36
views
missing app.components.html,css,ts in src/app folder in @Angular [closed]
I am beginner of Angular and learning at Youtube or Online Learning Platform.
I'm creating a new Angular project using the Angular CLI (latest version), but I've noticed that the usual app.component....
- 1
0
votes
1
answer
55
views
How to upload multiple images to S3 using presigned URLs and bind them to specific sections in a live preview [closed]
I'm building a product creation/editing app using Angular (frontend) and .NET Core Web API (backend). Each product has a dynamic form and a live preview beside it.
Every product can have multiple ...
- 53
0
votes
3
answers
84
views
In Angular 19, on keydown event,Spacebar is not getting ignored
I am using Angular 19 keydown event on Textbox. It should allow only numbers and decimals up to 2 places. Valid numbers are: 123.45, 675.1, 12345 etc.
This works properly for all keys except Spacebar. ...
- 13
2
votes
2
answers
79
views
TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'App', if string is a method component?
How I can solve this error:
TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'App'. No index signature with a parameter of type '...
- 517
1
vote
1
answer
35
views
Can a form submission refresh the page even without using [FormGroup]?
I'm making a multi-step form, the issue I'm facing on step-one is the page is refreshing instead of moving to the next step after the form gets submitted
my .html file goes like this:
<form (...
- 83
0
votes
1
answer
31
views
Angular ng package build doesnt include lib folder after angular 20 upgrade
After upgrading my angular 19 ng package to angular 20, it seems that the lib folder is missing in the build of the package.
After running ng build my-lib the lib folder misses under dist/.
I tried ...
- 316
1
vote
1
answer
76
views
Mat-tree not showing dynamically loaded children[] [closed]
Been messing with this for way too long. I am gonna show some code that's overly complicated because I wanted to exclude some potential culprits.
Project on stackblitz. Start it with npm start.
My ...
- 174
-1
votes
1
answer
39
views
Getting an error when creating a new component and using its selector name as an HTML tag in the app component [closed]
I'm new to angular and have been following tutorials
I've created a new angular component in angular 20 and trying to use its selector as a custom html tag in the app componenet everything is as ...
2
votes
0
answers
72
views
Angular BehaviorSubject emits twice when updating state used with ngModel and async pipe
I have an Angular(v20) standalone component that loads paged data from a server.
I use a BehaviorSubject to manage query state (search text, category, pagination).
Problem:
Whenever I type even one ...
- 388
2
votes
1
answer
94
views
Navigation to home page from login page is not working the second time
By default, the login page opens if the user is logged out. The onLogin method works fine the first time and navigates to the home page. On logout, it navigates back to the login page. If I try to log ...
- 23
1
vote
1
answer
48
views
Cannot Display value of FormArray for @for ( item of itemsFormArray.controls; track item; let i = $index)
I have tried different ways to fixed my problem. But I am going in circles
<form [formGroup]="menugrp" >
<div class="MenuBorder2">
<div ...
- 357
1
vote
0
answers
57
views
Standalone component import error when running tests for Angular 20, but not when building
After updating an application from Angular version 15 to version 20, there seems to be some errors occurring only when running tests but not when building.
One of the packages we use is an Angular ...
- 55
1
vote
1
answer
43
views
How does Angular handle shared SCSS imports in multiple components with regard to CSS duplication and bundle size in production builds?
I'm working on an Angular project where I have a shared SCSS file (e.g. base-button.scss) containing common styles. I import this shared SCSS in multiple components by either:
Adding it to each ...
- 81
0
votes
1
answer
36
views
`angularCompilerOptions` only for part of my project
I'm refactoring an old, pretty large project to make use of more restrictive checks: I want to add strict: true plus some Angular compiler options
"angularCompilerOptions": {
&...
- 1,055
1
vote
2
answers
54
views
Why does window.scrollY return a smaller value than the document's total height when reaching scroll bottom?
I'm building a custom PDF viewer that renders pages as vertical images and I'm encountering a scroll position discrepancy:
Actual document height:
document.documentElement.scrollHeight reports 10016px ...
- 1,784
-2
votes
0
answers
30
views
What is the best good practice in angular app ? (latest version) [closed]
I will say lot of points for doing a good project angular in his latest version. I say the truth ? I will do summarize.
STRUCTURE: 3 modules => CORE, FEATURE, SHARED
CORE: these as central element ...
0
votes
0
answers
24
views
How to remove a service worker from clients browsers when index.html is taken from service worker cache
I have a website that was once developed with react, the developers added service-worker.js to the project and tha registred the service worker in the useres browsers.
My setup is NGINX as server, ...
- 63
0
votes
0
answers
47
views
How can I programmatically detect template errors like "property does not exist"?
I have a simple Angular app:
import { Component } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
@Component({
selector: 'app-root',
template: `
<...
- 381
0
votes
0
answers
31
views
three js does not load model (Angular) (GLTF Loader) [duplicate]
I’m using an Angular 19 component to load a 3-D model of Earth and make it spin.
The only console message I see is
THREE.GLTFLoader: Unknown extension "KHR_materials_pbrSpecularGlossiness",
...
- 1
-1
votes
1
answer
21
views
Vitest : cannot find package 'rollup'
While trying to execute unit tests with Vitest through Yarn in my Angular app I have an error about 'rollup' package :
yarn run test
[INFO] failed to load config from xxx\angular-test\vitest.config.ts
...
- 147
-1
votes
0
answers
24
views
Angular OnPush Components + Template Driven Forms: Strategies for Zoneless Compatibility
What strategies do you use for Template Driven forms in OnPush components in Angular, considering future migration to Zoneless?
The option that seems to have the least boilerplate is something like:
&...
- 1,414
1
vote
1
answer
68
views
Using only CSS variables to theme Angular Material 20 — how to find them all?
After upgrading to Angular Material 20, I decided to theme my application using only the provided CSS variables instead of using the traditional mat.define-theme() approach with a color palette, which ...
0
votes
0
answers
37
views
Close UI5 WebComponent: ui5-dialog when clicked outside
Body:
I'm working with ui5-dialog in an Angular component. I want the dialog to close automatically when the user clicks outside of it. However, if the user has entered data—like selecting or typing ...
0
votes
1
answer
68
views
Create a new FormGroup with FormControls using a generic type
I am working on an Angular component that manages a list of FormGroups. This list can be expanded and items can be deleted.
But I also want the component to handle any kind of FormGroup. So for ...
0
votes
0
answers
26
views
ABCpdf renders blank PDF when Angular app is hosted on Azure App Service (works fine on VM)
I'm using ABCpdf (v12) in a .NET application to generate PDFs from an Angular route.
Here’s the behavior I’m seeing:
Angular app with client-side routing (/#/pdfgeneration/:id/:year/:type)
Deployed to ...
- 107
1
vote
1
answer
85
views
Why is value of @Input() null in Angular?
I have an Input variable in my component that looks like this:
@Input() Id: string;
In my template, I'm displaying the Id and it has a value:
Id == {{ Id }}
But in the ngOnInit in the TypeScript ...
- 6,585
0
votes
0
answers
35
views
ASSERTION ERROR: NgModule '_App' is not a subtype of 'NgModuleType'
I am having an Angular project with native federation and I have some problems here. I have error here. When I config routes to make shell connect to all components in a remote I have errors
ERROR ...
- 11
0
votes
0
answers
48
views
Angular 16 dynamically determine the pathname and setting the base href in index.html
I have a web application with an iFrame that has a SPA within it. The application is hosted on remote servers and is being opened up to proxy access. The issue I am having is being able to properly ...
0
votes
0
answers
29
views
Angular Springboot JWT Refresh Token Cookie not set on browser
I'm implementing an authentication flow with:
Angular frontend running on http://localhost:4200
Spring Boot backend running on http://localhost:8080
After a successful login, the backend sends a Set-...
