307,277 questions
0
votes
0
answers
4
views
Angular Material drag and drop cdk, trigger function on dropping item on another item
I have a reuseable "folder-component", I need to be able to drag that folder-component on another one and trigger a function. Is it possible with material drag & drop cdk? because so far ...
- 299
1
vote
1
answer
23
views
Are there significant performance differences between calling a signal repeatedly vs using a local variable?
Is it preferable to call the signal multiple times if you're accessing multiple values or would it be more performant to save the current state to a local variable and call that?
submit() {
this....
- 11
0
votes
0
answers
17
views
Change detection not work in Angular unit test
My test does not pass. If I remove the requiredPermission structural directive, the test pass.
report-button implementation is just a boolean input signal that check a button.
When I removed the ...
1
vote
1
answer
19
views
How to use formControlName (ng_value_accessor) with ngComponentOutlet in Angular for dynamic form components
I'm working on a dynamic form in Angular where I need to use ngComponentOutlet to dynamically load different components based on the field type. However, I'm struggling to bind formControlName to ...
-1
votes
2
answers
44
views
CORS ISSUE ANGULAR & .NET Project
I’m currently working on a project that involves integrating an Angular 19 frontend with an ASP.NET Web Application (.NET Framework) API backend, and I've run into a CORS issue.
When I try to make a ...
- 17
0
votes
0
answers
16
views
Okta signout does not force PIV PIN Input Dialog
I have been trying many methods to force OKTA to prompt a user to input their PIN with their modal dialog. Only way so far is pull out the PIV card and reinsert. When the clear the user token and ...
- 1,180
1
vote
1
answer
27
views
Successfully deleted a record but the response triggers an NgRx Action Failure
I'm working on an Angular application using NgRx to manage state. I have an action that deletes a record through an API call. The deletion is successful (the record is removed), but the NgRx effect ...
- 21
0
votes
0
answers
21
views
i18n built in library having an issue with switching language
I have problem with angular/localize switching language
because angular have a static translation, it should reload page when switching language right?
But mine didn't work at all, is there anything ...
1
vote
1
answer
21
views
Angular CDK Drag & Drop issues with RTL
Description:
When in RTL mode, and try to drag a element from a list, the element is offset to the right with the length of the screen width.
Please see the link where everything explained with video:
...
- 189
1
vote
0
answers
25
views
Query params not available when running with yarn serve:ssr
I created an app called dummyapp using Angular CLI version 19.2.5 with the --ssr option (ng new dummyapp --ssr).
In the app.component.ts, I'm trying to retrieve the title from the query string. Here's ...
1
vote
1
answer
28
views
Why does my Socket.IO connection prevent my Angular component from reloading?
I have an Angular component that connects to a Socket.IO server. However, when I include the WebSocket connection code, my component fails to reload properly. If I comment out the Socket.IO code, ...
1
vote
0
answers
25
views
Angular 15 with php routing requests and title
I have managed to make php read angular routes and update meta tags and title on each request.
After some time I uploaded a new build , this time it was cleaned , but now the angular it doesn't change ...
- 23
1
vote
0
answers
58
views
NG8002: Can't bind to VAR since it isn't a known property of COMPONENT
Please, can someone explain to me, why line 1 works fine, and line 2 not?
<sued-text-link label="Jeferson"></sued-text-link>
<sued-text-link [label]="'Jeferson2'">...
2
votes
1
answer
32
views
Angular Youtube - onReady
I am trying to wrap Angular/Youtube component, described here.
This stackblitz is the result.
The problem here is that
<youtube-player
#musicPlayer
[videoId]="extractVideoId(videoId)"
...
- 922
0
votes
1
answer
29
views
Cannot make the model markers to appear in monaco-editor (inside angular component)
I can't figure out why the inline markers are not showing.
Official demo here: https://microsoft.github.io/monaco-editor/playground.html?source=v0.33.0#example-extending-language-services-model-...
- 1,048
1
vote
1
answer
34
views
Update two signals which depends on each other in angular
What is the best way to work with signals that depend on each other in angular?
Here are the example
export class SomeComponent<TItem> {
fieldName = input<string>('name', { alias: 'field-...
- 53
1
vote
1
answer
26
views
Issue with data communication between a modal child component and a parent component using Output in Angular
I'm having trouble managing data communication between a parent component and a modal child component in an Angular application. The parent component opens a modal (child component), and after an ...
- 11
2
votes
1
answer
28
views
Ag-grid Angular -- Show column menu of invisible column
In my application I have an ag-grid set up with some of the columns being always hidden. I need to be able to show the filter/column menu for these columns while they are hidden. (by pressing an ...
- 25
2
votes
1
answer
42
views
Angular elements: ng build in Angular 18 with --optimization=true emits broken artifacts
when I try to build the module with the flag --optimization equal to false, then everything works just fine. The compilation finishes without any issues and I can use my web-component as well. Once I ...
0
votes
0
answers
25
views
How do I add a multiple sso login into my Spring Boot/Angular application
I want to create a Spring Boot and Angular Application that should have three different authentication methods.
These three are: Google, Microsoft Entra and Email/Password with a JWT instead of basic ...
- 13
3
votes
0
answers
18
views
What is the purpose of canLoad in Angular if we already have lazy loading and canActivate? [duplicate]
I have two modules in my Angular application, and I am using lazy loading to prevent a module from being loaded until the user navigates to it.
Additionally, I am using canActivate in my route guards ...
- 31
0
votes
0
answers
33
views
One trust banner cookie consent banner get embedded as a text after few days for some time [closed]
First time when website loads the banner loads and asks for consent and store the response in cookies.
It is implemented in onInit in angular dynamically loaded.
Not sure what happens after few days ...
0
votes
0
answers
23
views
How to handle queued execution indicators on SPA side?
File upload process end up with file being uploaded to some kind of a cloud storage. Once upload is done, there is an automated queuing process that queues the file for processing. This queued state ...
- 15.4k
1
vote
2
answers
45
views
How could I apply different colors for mat-form-field "formControl" depends on the state of it?
I have this HTML code:
<mat-form-field class="me-3" appearance="outline" class="filterText">
<mat-label [ngClass]="{'mat-label-error': form.get('...
- 25
1
vote
0
answers
12
views
Akveo Nebular Spinner always is in front [closed]
In Angular I am using akveo nebular nbSpinner directive inside of a button. When I click the button, the spinner shows up correctly to indicate that a process is running.
The click on that button also ...
- 21
1
vote
2
answers
54
views
What is the relationship of NG_VALUE_ACCESSOR, ControlValueAccessor interface in angular?
What is the relationship of NG_VALUE_ACCESSOR, ControlValueAccessor interface in angular?
Is if I have the following statement (provide:NG_VALUE_ACCESSOR)
@Component({
selector: 'rm-header',
...
- 1,374
1
vote
1
answer
41
views
How can I change the response status from a component to the server (SSR) in Angular v19
I am working on an Angular v19 project with SSR enabled for better SEO. I have two components:
A detail component that displays the details of an entity.
A 404-page-not-found component that is shown ...
- 55
1
vote
1
answer
41
views
struggle to spyOn primeng's MessageService with jasmine
I'm new to unit testing with angular and I struggle a bit with testing adding new message with primeng's MessageService.
Here is my component's code :
@Component({
selector: 'app-get-menu',
...
- 13
0
votes
0
answers
25
views
Angular with OIDC does not redirect correctly when using SSR
I am creating a project to implement Angular with SSR and angular-oauth2-oidc.
However, in the final part of the flow, when the internal 'auth/callback' route is reached, it is not redirected to the ...
1
vote
0
answers
56
views
Angular Component Not Redering
I recently migrated my Angular project from version 15 to 19. Everything works fine except that one child component (ListSearchComponent) is not rendering inside its parent component (...
1
vote
1
answer
35
views
Angular (2+): continue running upon result from modal dialog
The following code is ts + html for modal dialog component.
I want it to act like "confirm".
Running will proceed only after clicking 'yes'(return true) or 'no'(return false) in the dialog.
...
- 657
1
vote
1
answer
31
views
tracing settimeout warnings in angular with zone.js
I wrote a library for a third party component provider, which basically adds some new features to one of it's components. Everything was fine, performance was fine, all OK. All was written with the ...
- 1,836
1
vote
1
answer
46
views
Solve circular dependency by "overloading" modules in Angular
I am developing part of an application where we have some custom built generic components. One of these component is a GenericForm which we use for easily creating forms, and another component is ...
- 682
1
vote
1
answer
43
views
@HostListener doesn't work in a complicated page
I have many Angular components; They all have a method with @HostListener
And I converted them into web components on @angular/elements and embedded them in some legacy JSP/JSF pages.
This approach ...
- 11
0
votes
0
answers
22
views
angular 17 ngx-charts rendering blank in dynamically load component
Angular 17, Windows 10, Chrome
I am trying to design a customizable dashboard with widgets that would contain charts. My main app module is laid out with a primary form, then a dashboard component ...
- 1,091
0
votes
1
answer
42
views
express.static not kicking in on file requests
So I have an express server set up to serve static content with express.static, some api routes and a last "failsafe" app.use('*'...) to serve the angular index.
My issue is any /file.ext ...
- 66
1
vote
1
answer
56
views
Preflight CORS request fails intermittently
I am developing a web app which fetches data from a backend API server. Most of the times, this is successful. Sometimes the preflight request fails with the following error -
Cross-Origin Request ...
- 73
2
votes
2
answers
103
views
Is it bad practice to call a computed signal from within a loop?
Is calling a computed signal within a loop bad practice?
Should I be avoiding this:
const filtered = computed(() => {
return listItems.filter(item => item.name.includes(searchString())
});
...
- 39.1k
0
votes
1
answer
36
views
excecute npm install -g @angular/cli@latest
when i try to excecute the command of npm install -g @angular/cli@latest, i have an error
npm error code ENOTFOUND
npm error syscall getaddrinfo
npm error errno ENOTFOUND
npm error network request to ...
-3
votes
1
answer
39
views
Failing to install alfresco generator [closed]
npm ERR! code 1
npm ERR! path C:\Users\Admin\AppData\Local\nvm\v18.20.7\node_modules\generator-alfresco-adf-app\node_modules\deasync
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd....
0
votes
3
answers
54
views
How to resolve circular dependency in angular
I have components as follows
S1 (stand-alone)
N1 (Non standalone)
Base component
auth-Module
Now I am using S1 in Base component and N1 in S1 and getting the circular dependency. Can you please help ...
- 9
0
votes
0
answers
37
views
Angular 19 - hybrid rendering when using modules
I'm trying to configure hybrid rendering for Angular 19 app.
Majority of paths should be SSR'ed, however certain have to be client-side rendered, so I was trying to leverage hybrid rendering.
...
- 704
-4
votes
0
answers
55
views
QR Code & Camera Functionality in Ionic Capacitor [closed]
I built an Android app using Ionic Capacitor to collect appliance data reports. Key features include QR code scanning, camera functionality, geolocation tracking, and image printing.
Issues:
QR Code ...
1
vote
0
answers
39
views
Issue with FastReport OpenSource in .NET Core 9 & Angular
I'm using FastReport OpenSource (2025.1.0) in a .NET Core 9 backend project & one another project with Angular-17 for the frontend. I have installed the necessary dependencies in .NET Core project:...
- 1,173
1
vote
0
answers
41
views
Angular signalStore and HttpResource
const apiUrl = environment.apiUrl;
export const PublisherStore = signalStore(
withState(initialState),
withComputed(({fetchStatus, saveFetchStatus}) => ({
fetchPending: computed(() => ...
- 11
0
votes
0
answers
23
views
Single Checkbox in Mat-Table in Angular Strange Behavior
Situation:
I have a table with a [dataSource]="dataComision"
form that has a text input where a percentage is entered. Within the table, we have a checkbox, and when checked, all records in ...
0
votes
0
answers
22
views
Ag bar Charts does not display a tooltip for zero values
I have a simple series of temperatures at a weather station. Using the latest AgCharts as of 3/24/2025. Using Angular 19. When the value of the temperature is 0, no bar height is displayed, and ...
- 2,475
0
votes
0
answers
40
views
Angular: Maintaining a map or dictionary of component types
I have come over to the community to find some wisdom.
I have currently migrated my project from angular 12 to angular 19.
To that end I want to maintain a map or dictionary of components which I ...
- 59
2
votes
3
answers
44
views
Angular (2+): Synchronize call to 2 methods
In a component (or service) I call to Main method which calls to 2 other private methods.
export class MyService
{
private Stage1 (N : number)
{
console.log ('-->Stage1');
...
- 657
0
votes
0
answers
55
views
Module x can only be default-imported using the allowSyntheticDefaultImports flag
I am updating from angular 17 to angular 19 using update guide https://angular.dev/update-guide?v=17.0-19.0&l=3
After updating from v18 to v19 and changing
import * as moment from 'moment' to ...
- 1