306,869 questions
1
vote
0
answers
24
views
Azure SWA - Angular 19 Environments file replacements not working
When I deploy my Angular app to Azure SWA, it seems to keep using the default environment.ts file (which is for dev) I have a console.log(environment.api) on my landing page, so I can confirm the env ...
- 53
2
votes
1
answer
34
views
WebSocket Secure connection via Angular Frontend WebApp
i've set up a new dev environment with nginx as reverse proxy using self signed certificates and a mosquitto mqtt broker.
i have a nestjs backend using mqtt with following configuration:
private ...
- 520
-1
votes
1
answer
48
views
Why doesn’t the UI update after an async call completes?
I’m trying to show a loading indicator while an async request runs, but the UI doesn’t update until I manually interact with the page (like clicking a random element).
Console logs show that the ...
1
vote
1
answer
33
views
How do I force a specific version of a peer dependency of my library?
I am building an npm library (angular library) that needs the following packages in order to run:
@angular/core@17
@formio/[email protected]
@ngx-bootstrap@12
I have declared the above as peer dependencies of ...
- 44
1
vote
1
answer
27
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.
...
0
votes
1
answer
36
views
How to remove wrapped text or multi-line text in Angular
Requirement:
If the text fits in a single line, it will be visible.
If the text would wrap/multi line, it will be completely hidden/remove.
I want to ensure that whenever the text around the logo (in ...
- 19
0
votes
0
answers
25
views
Why are child controls not updating to disabled when using a custom Angular control in reactive forms?
I have a complex set of objects that I need to edit. Basically, I have several objects at the top level, which may or may not be enabled, and each one has some complex sub-objects. The whole set of ...
- 1,994
2
votes
1
answer
42
views
How to pass an object programmatically to an Angular custom element (@angular/elements)?
I’m trying to pass an object as an input to an Angular custom element created with @angular/elements, not via HTML attributes (since setAttribute only supports strings).
Here’s a minimal example:
...
- 455
2
votes
1
answer
44
views
Angular Elements – setting `@Input()` property programmatically doesn’t update component
I’m experimenting with Angular Elements and trying to update an input property programmatically, not by writing it in HTML like <app-foo name="...">.
Here’s a minimal example:
import {
...
- 455
2
votes
0
answers
26
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" ...
- 10.2k
1
vote
2
answers
45
views
How to use enter and leave animations between two elements?
I am currently looking into Animating your applications with animate.enter and animate.leave in Angular 20 and I am wondering how this new API can be used to animate between two elements.
Let's assume ...
- 175
0
votes
2
answers
58
views
Angular syntax, VS Code and editorConfig issue
When I format the page in VS Code, @if and @else, for example, are not formatted properly. That is, we get something like this:
<div>
@if {
<div>something</div>
}
@...
- 1,240
0
votes
0
answers
45
views
Angular canDeactivate (Unsaved Changes Warning) works with route navigation but not inside custom slideout panel
I’m working on an Angular v15+ app that uses a custom slideout panel system for showing forms. We’re trying to show an “unsaved changes” confirmation popup when the user closes the slideout, similar ...
- 39
2
votes
1
answer
62
views
Conditional css class in Angular does not apply on first render
In Angular I have two equal components, but one has green-background:
home-options component html:
<section class="home-options">
<home-option
title="Encuentra tu ...
0
votes
0
answers
36
views
How to receive latest value for dynamically created form elements in angular for Yup test function?
I have a yup schema in angular which validates form elements, everything works fine for the form elements which are created on the page load, but I have few elements which are created on button click.
...
- 101