307,223 questions
0
votes
0
answers
11
views
Angular Reactive Forms not clear validation errors after resetting the form with new values and dynamic validation
I'm working with Angular Reactive Forms and facing an issue with dynamic validation on secure fields in an Edit Modal.
I have two modes:
View Mode: Secure fields (username, password, notes) are ...
0
votes
0
answers
16
views
npm install fails with angular project
I have a plain simple angular project with the following package.json:
{
"name": "enhanced-kendo-grid",
"version": "1.0.0",
"scripts": {
&...
- 1,826
0
votes
0
answers
29
views
Default ASP NET Core 9 and Angular template doesn't work after publishing
I follow this tutorial:
https://learn.microsoft.com/en-us/visualstudio/javascript/tutorial-asp-net-core-with-angular?view=vs-2022
and wanted to dotnet publish my app. I didn't change anything in the ...
- 912
0
votes
0
answers
7
views
Override locale adapted date in Material Datepicker and Material Input
I'm using the Material Library for an Angular 18.2.10 application that uses in several parts of it the Datepicker component along with Input component, just as show in the documentation. In order to ...
1
vote
1
answer
25
views
How to use InjectionToken with the inject function in Angular
I have the following
export const BASE_URL = new InjectionToken<string>('my.base.url')
I'd like to be using it inside my component.
For now I'm doing the following inside the constructor, but I ...
- 8,627
0
votes
0
answers
11
views
Unable to use fontsource roboto face mixins ( fontsource roboto v5.2.5 )
I am trying to use @fontsource/roboto by importing it with face mixins, offered with the library.
Since the latest version v5.2.5, it adviced to use the 2 libraries @fontsource-utils/scss and @...
1
vote
1
answer
16
views
How do I make a child component not render the extra <app-child> node?
I have a parent component whose template is basically this:
<table>
<thead>
<tr>
<th>Data 1</th>
<th>Data 2</th>
</tr>
</...
- 13
0
votes
0
answers
9
views
Ag Grid shared functions possible?
I have several grids that utilize functions to format data (mostly ValueFormatter functions). I would like to put them into one shared TS file to be imported and used by multiple components. However, ...
- 1
0
votes
0
answers
47
views
Angular 19 change innerHTML of an dynamic created DIV
i've following situation:
i'm create with an api dynamic div for drag and drop.
Drag & Drop works very well. now when i do a double Click i want to change the HTML content of this div. How can i ...
- 53
0
votes
0
answers
15
views
How to Customize Azure AD B2B Login Error Screen to Hide Detailed Error Messages in Angular (OIDC)?
Background
I am developing an Angular application that uses Azure AD B2B for authentication via OpenID Connect (OIDC). The front-end is built with Angular, and we use angular-auth-oidc-client for ...
- 1
1
vote
1
answer
22
views
How to refresh and listen to the refreshed data inside one stream
The important part of my code looks somewhat like this:
data$:Observable = this.dataRefresh$.pipe(switchMap(() =>
this.http.get('url')), shareReplay());
dataRefresh$:Subject = new Subject();
...
- 33
-1
votes
0
answers
30
views
Angular 19 : encryption is not working as expected
I am getting a strange error:
TypeError: this.ConvertToIvClass is not a function.
This is my code:
@Injectable({
providedIn: 'root'
})
export class JwtEncreptionService
{
constructor() {}
...
- 351
0
votes
0
answers
8
views
Angular, ng, npm and VSC commands
On one of my project I'd like to upgrade Angular version.
On Visual Studio Code, if I type "ng upgrade..." I get this error:
ng : The term 'ng' is not recognized as the name of a cmdlet, ...
- 23
0
votes
0
answers
16
views
Azure Deployment Center failing to deploy EF/Angular app
I'm trying to use the Azure Deployment Center to connect to my DevOps repo and deploy an Entity Framework/Angular app that I inherited.
The deployment fails, however, and I'm not sure why. Any help ...
- 1,149
1
vote
0
answers
13
views
SignalR SendAsync seems to block code execution when client is busy
Im am trying to understand what happens with signalR in my example. On my server side i have following methods
while(clientWantsData)
{
byte[] imageData = LoadData(path);
float start = ...
- 115
0
votes
1
answer
35
views
Angular dynamic component loading through a config file
I have a question about angular dynamic component loading through an environment config file.
Below is a sample of my environment file:
routes: [
{
name: 'auth/logout',
path: '../../...
- 172
0
votes
0
answers
17
views
Angular 9 CLI ignores custom .d.ts files
I have to maintain an old Angular 9 App. I cannot upgrade to Angular 10 or higher.
Consider the following import:
import Keycloak, { KeycloakProfile } from "keycloak-js";
The typescript ...
- 816
-1
votes
0
answers
9
views
Getting SSL Issue when doing npx cap sync
Facing the below issue when doing npx cap sync in macos , possible solutions
Updating iOS native dependencies with pod install - failed! update
ios - failed! [error] Analyzing dependencies
[!] ...
- 55
1
vote
0
answers
18
views
Bind Data to Multi Select Dropdown - Angular
I have been trying to bind data to the multi select dropdown on an edit form.
I pass the list of options through as a string and display, however I want to whatever options the user has saved to show ...
- 23
1
vote
2
answers
23
views
Images overflows their containers when ngSrc is used
I'm trying to place two images as a link to the home page. I want to place them in containers that I can manage the dimensions of and the image in fill mode.
<a routerLink="/" class="...
- 169
0
votes
0
answers
14
views
Angular dual listbox and ngx-file-drop not working together
I have used Angular dual-listbox and ngx-file-drop npm together on my application. When we use dual-listbox drag drop feature thereafter ngx-file-drop npm stop working. Anyone faces same issue.
Below ...
- 183
-3
votes
0
answers
21
views
PrimeNG v18 button looks ugly [closed]
I use Angular 18, PrimeNG 18, Tailwind 3. All styles are loaded normally in right sequence: "tailwind-base, primeng, tailwind-utilities", but buttons doesn't look like expected in PrimeNG ...
- 363
2
votes
0
answers
34
views
How to fix unit test warnings for angular-zoneless application?
I changed my angular app V 19.x to ZoneLess app (I did uninstall the Zone.js and removed its import from polyfills.ts). All works fine. The issue is when running the unit test (using jest). The spec ...
- 4,163
0
votes
0
answers
27
views
How to find problems in the angular build more easily?
Today I had a problem that never happened in our Angular application. The deployment in production caused some pages not to load correctly, the page only loaded the header (html header) and did not ...
- 11
0
votes
0
answers
23
views
How to Cancel Previous API Calls When Updating Query Params in Angular with TanStack Query
I have multiple dropdowns on a page, and each selection updates the query parameters in the URL, triggering an API call via TanStack Query.
The issue arises when I change multiple dropdowns quickly:
...
1
vote
1
answer
39
views
How to handle module imports specific to a library in an angular standalone app?
I have a library material-extension inside my angular workspace, in which I'm creating some components I require but Angular Material is lacking. In this extension I've installed the module ngx-editor,...
0
votes
0
answers
14
views
Migrating mixin faces for @fontsource/roboto from v5.1.1 to v5.2.5 on Angular App
After the introduction of @fontsource/roboto v5.2.5, it had some breaking changes including not supporting mixin faces anymore. However, it recommends using 2 other libraries to achieve this.
"@...
0
votes
0
answers
12
views
Sonar works fine locally but not in Jenkins
I'm in the process of upgrading Angular from 9 to 18. So far it has been fine to get to Angular 14. However, when upgrading to Angular 15 I also had to upgrade Node, which resulted in upgrading sonar ...
0
votes
0
answers
21
views
Angular Material Expansion Table
Github Page: https://windjim.github.io/Angular-Material-Table/expansion-table
When I click to expand a row, the functionality works as expected. However, when I sort the data by clicking on the table ...
1
vote
1
answer
39
views
Why does my effect gets looped when i don't call the signal in it?
export class Service {
private http = inject(HttpClient)
private injector = inject(Injector); // Hier wird der Injector geholt
objectId = signal<string | null>(null);
private _object = ...
- 11
0
votes
0
answers
9
views
Error 400: redirect_uri_mismatch - suddenly stopped working
I have successfully implemented google authentication of oauth in redirect mode in my web application s couple of months ago and it was working till today.
Today I logged out from my application and ...
0
votes
0
answers
16
views
tooltip of one report is reflecting on another report
the tooltip of my one report is also reflecting on different report also, but the mouse click or any movement on the screen it disappears. sometimes this thing happens sometimes it did not.
i was told ...
1
vote
1
answer
35
views
routerLink with queryParams doesn't work when opening in a new tab
In Angular 18, I have a link defined like this:
<a [routerLink]="link" [queryParams]="queryParams">{{linkText}}</a>
queryParams is initialized as {} in the component ...
- 973
0
votes
1
answer
48
views
foo.subscribe with bar not always working
Imagine we have foo$ and bar$ and both of them are BehaviorSubjects.
I have a bug in angular that sometimes in some cases foo$.subscribe(bar$) works fine, in most casses actually.
But sometimes I have ...
1
vote
0
answers
26
views
Signal Store State Persistence Issue After Routing
Angular Signal Store state resets to initial values when navigating between components, despite being provided in 'root'. I'm using patchState to update the store. Why isn't the state persisting ...
- 1,610
0
votes
0
answers
28
views
How can I resolve Fibers incompatibility with Node.js 16+ in my Angular project using Meteor?
I'm working on an Angular frontend repository that uses Meteor, which in turn relies on the Fibers package. Since April 13, 2021, Fibers is no longer compatible with Node.js versions 16 and above, and ...
1
vote
2
answers
44
views
Convert filter pipe to Angular computed signal
I use RxJS filter pipe to trigger data reload from the REST server only when selectedId is not null. How do I transfer the observable into signal/computed signal achieving same effect as with the ...
- 163
1
vote
1
answer
24
views
Deserialization of ushort array sent with signalR messagepack
I have an asp.net server that sends data as ushort[] to clients via signalR messagepack. When listening for that data on my angular client using this code:
this.hub.addListener('SendImage', (data: ...
- 115
1
vote
1
answer
18
views
CreateComponent in async ngFor
I try to implement a tabs bar using infragistics and ngrx.
In my app.component.html :
<igx-tab-item *ngFor="let tab of tabs$ | async" (selectedChange)="selectTab(tab)">
&...
- 237
0
votes
0
answers
17
views
`type: 'asset/source'` in Webpack v5.96.0 Causing CSS Files Not to Be Packaged
Issue with type: 'asset/source' in Webpack v5.96.0 Causing CSS Files Not to Be Packaged
My project is an Angular project with a custom-written Webpack configuration.
Problem Description
When using ...
0
votes
1
answer
31
views
CORS (Cross-Origin Resource Sharing) issue in Ionic project [duplicate]
I was trying to download a PDF or an image from the backend and share it directly via WhatsApp. but is showing CORS issue how to fix this issue, can some help me to fix
async shareFiles() {
try {
...
1
vote
0
answers
30
views
forkJoin([]) requests are being cancelled
I am trying to do parallel requests with forkJoin but sometimes for no reason one of the request is cancelled or one of requests returns 200 but data Failed to load response data . If I make sepratae ...
- 617
0
votes
0
answers
17
views
Facing Issue for $breakpoint and $prefix while migrating from carbon-components to @carbon/styles in Angular 19
I am upgrading one angular app from 18 to 19
While upgrading I am facing issues related to carbon styles.
Basically I have uninstalled carbon-components as its deprecated and installed @carbon/styles.
...
- 25
1
vote
2
answers
36
views
Where does the tertiary color actually appear in Angular Material?
I have two themes for buttons with different tertiary colors. But I don’t know where this color is actually used in the UI. when I open the page, both buttons look the same. Where does the tertiary ...
- 865
2
votes
2
answers
42
views
Theme overrides don't work unless wrapped with MDC classes
I'm trying to customize Material chips using the Angular Material theming system. I expected this approach to work:
@include mat.chips-theme(...);
@include mat.chips-overrides(...);
However, this ...
1
vote
1
answer
37
views
How best to avoid excessive spread operator usage when updating Signal Objects?
I am starting to use Angular signals and in general they bring immense benefits. However, I am finding myself writing more and more horrible update functions because of the immutabilty issue. For ...
- 1,683
0
votes
0
answers
21
views
Best way to integrate different Angular applications with SSG and SSR
I have a shell application in Angular that currently renders applications in web component mode, using ax-lazy-element (Angular Extensions Elements). All communication between the parent shell ...
- 13
1
vote
0
answers
42
views
FastAPI response does not come through to Angular frontend
I am pretty new to fast API and angular. I am getting an issue where in angular the response never fully gets sent. When I use postman or curl the response is fully there but for some reason it always ...
1
vote
2
answers
33
views
How to send data from a component with no use of button to its parent in angular
I have host component and inside it there's three components(children).
First child has a form with no submit button, while second child has again a form with submit button, Plus third child has just ...
- 17
0
votes
0
answers
16
views
Hide weekends in dx-scheduler
I have a calendar with dx scheduler but I want to hide the weekends, anyone know how I can do it?
This is my code
<dx-scheduler class="hide-weekends" [dataSource]="planQRuta" ...
