306,983 questions
0
votes
0
answers
4
views
Ng Zorro Select component accessibility issue
I am trying to make zorro library's select component accessible in my angular application, but when I go through select dropdown options with the help of keyboard navigation screen reader reads the ...
0
votes
0
answers
11
views
Getting error "NullInjectorError: No provider for SignalStore!" when attempting to unit test ng/rx Signal store
I have just used the Ng/Rx signal store for the first time.
"@ngrx/signals": "^18.1.1",
I have it all working fine, and wanted to add some unit tests, following this ...
- 7,801
2
votes
0
answers
19
views
Narrowing a union of strictly typed forms in Angular
I have a form which has three separate instances, but at its core has the same data with one or two different properties. I wanted to have a base form class which takes a generic argument to narrow ...
- 37
1
vote
1
answer
25
views
Angular rxResource API - getting data from result
I am very new on this experimental rxResource API and also this is my first app to explore it too.
I have an issue to get data from rxResource value. For example: item = this.myRxResourceObservable....
- 121
0
votes
1
answer
14
views
Circular dependency Error in /turbo_modules/@angular/[email protected]/bundles/compiler.umd.js (2845:21) Can't resolve all parameters for BService: (?)
A-Service.component.ts
` import { Injectable, Inject } from '@angular/core';
import { BService } from './BService';
@Injectable({
providedIn: 'root',
})
export class AService {
constructor(...
0
votes
0
answers
15
views
Pass an action by reference in a different NgRx action props
I have a handful of models that are shared across multiple parent entities in my application. Things such as phone numbers, addresses, email addresses.
In my shared address component, I want to pass ...
- 175
1
vote
2
answers
22
views
Angular Project Migration from 13 to 19 problem with "ng-flat-form"
I'm currently on version 14, and I fixed a few bugs that were there and I was able to run the application, however when I started migrating to Angular 15 I got these warnings and errors
Package "...
0
votes
1
answer
24
views
What strategy to use to let Angular know user is logged in when using (Spring) Back-End-For-Frontend (BFF) OAuth2 Flow
I have the beginnings of an App. I have been focused on authorization the last month or so.
Currently, the authentication flow is like this.
Astro page (SSG) - has a login button, that the user ...
- 475
0
votes
1
answer
16
views
Updating of an Angular computed signal occurs only once but not for future dependencies update
I'm trying to filter an array based on the value of a signal , I think computed signal is the best option for this purpose. My goal is to show only the results that match (via a custom filtering ...
- 211
0
votes
0
answers
17
views
Pass component as value in object Angular
I'm trying to implement a webapp in Angular 17 and I'm using a private library.
There's a searchbar that needs a specific structure to be populated:
<search-bar
[searchResults]="...
1
vote
1
answer
18
views
Remove devextreme license banner
Our company currently holds an active subscription to the DevExtreme suite, and we've correctly integrated the license key into our Angular project using Visual Studio Code. However, we are still ...
- 25
1
vote
1
answer
27
views
Routes in angular 19 do not change anything in the interface
I have a simple route system in Angular 19, basically it is the home page and an about page that are between a header and a footer. However, despite the URL changing when clicking on the redirect link,...
0
votes
0
answers
17
views
Angular provideAppInitializer to fetch csrf token cookie
I have an app with an angular frontend and a django backend.
I make an api call to the backend to set the csrftoken cookie so that I can send it with any POST requests to the same backend; I had ...
1
vote
1
answer
20
views
How to use in reactive form count of items in Picklist in PrimeNg
I have a reactive that user need to fill up and in addition to that user need to select topics that we want to be assigned for. Everything is ok when I create a new user, but when I use the same form ...
- 13
2
votes
2
answers
38
views
When I click 'Previous' or 'Next' on the calendar, the start of the month shows the name of the previous month for certain day
I'm working on a calendar feature in an Angular application that displays the current week when navigating using "Previous" and "Next" buttons. However, I'm encountering an issue ...
- 21
0
votes
0
answers
27
views
Handling data for both JSON and FormData in Angular
So im kinda new to angular and django, but im trying to create a web app kinda similar to Amazon, where the user is able to log in and browse different listings from other user, create his own ...
0
votes
0
answers
30
views
Upgrade to Angular 19 makes tests fail [duplicate]
After upgrading to Angular, my tests are failing. The project is large and modular, so standalone components should not influence the testing process.
When running ng test --watch, the tests execute ...
- 304
0
votes
0
answers
18
views
Is there a way to completely isolate a SignalStore test from the SignalStoreFeatures it implements?
I have some questions regarding the testing of SignalStore and SignalStoreFeature.
I have a SignalStore that injects a number of SignalStoreFeatures. All of these features are responsible for ...
-3
votes
0
answers
39
views
Need Regex pattern space and hyphen validation [duplicate]
I need regex pattern for phone number with below protocols
Phone number allow + symbol at first position only with optional value
- (hyphen) should not allow first and last position . But hyphen can ...
- 3
2
votes
0
answers
15
views
Unable to use ng-apexchart in angular 16 due to dependency conflict
I'm going to step by step update angular from v15 to v19. When I update angular from v15 to v16, I got bellow ng-apexchart error:
Error: node_modules/ng-apexcharts/lib/chart/chart.component.d.ts:...
- 33
1
vote
1
answer
21
views
How to handle SSR with provideKeycloak in Angular's appConfig?
I am working on an Angular application with SSR, and I'm trying to upgrade my project to angular 19. I'm using the new keycloak-angular provideKeycloak for authentication.
My current configuration ...
- 1,604
1
vote
1
answer
62
views
How to customize the default warning popup on browser?
I am running an Angular 12 project and I want to replace the default warning dialog by Angular dialog when user try to leave/ refresh page when there is a process still running (remove the default ...
- 21
1
vote
0
answers
22
views
filterPredicate only seems to run when the filter variable is truthy. How do I get it to run everytime?
Some of the data is going to be taken out based on some logic that's unrelated to the filter input string. But I still need the filterPredicate function to run every time filter is changed.
Most of ...
- 866
1
vote
0
answers
27
views
OpenApi 2.0 How to define return type byte[] (it will be zip data) using typescriprt
I have the following YAML:
/document/zip:
get:
produces:
- application/zip
tags:
- zipFileFolder
operationId: getRawDocumentFileZipData
parameters:
- in: body
name: args
...
- 713
0
votes
1
answer
43
views
Most efficient way to create an array based on other arrays [duplicate]
I have an array with varying number of objects like so:
const arrayA = [
{name: n, value: v}
{name: n, value: v}
...
{name: n, value: v}
]
I have another array with n number of numbers:
const ...
- 23
1
vote
2
answers
24
views
Using generic typescript instead of #-Links wth angular bootstrap
I'm interested in using bootstrap for ui development. But I'm not sure if, what I try to do is achievable. Imagine that I want wanting some Dropdowns Like this one of the bootstrap examples:
<div ...
- 1,239
1
vote
1
answer
64
views
Custom Theme for Angular 19
I am trying to create a custom theme for my Angular 19 application.
The following is working fine in my theme.scss file, using built-in themes:
@use '@angular/material' as mat;
$primary-palatte: mat.$...
- 711
2
votes
2
answers
44
views
How to leverage Angular Signals for toggling visibility of my components
I know that Angular Signals could be used in this particular case in order to avoid calling the isVisible function constantly. But I have no experience with this new feature and I cannot figure out ...
- 14.6k
0
votes
1
answer
42
views
How to Cypress Component Test when Component template has ng-content
If I have a component whose associated template has ng-content in it, how do I provide a value for the content projection when I am in a Cypress Component test context?
MyComponent template html
Test ...
- 487
0
votes
0
answers
20
views
Why is it showing deletion of the directory? I haven't deleted any in my Angular project while running it
Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
An unhandled exception occurred: EPERM: operation not permitted, ...
- 1
0
votes
1
answer
51
views
Angular insists I add standalone = true, despite using Angular 19
My angular config:
@Component({
selector: 'app-root',
imports: [RouterOutlet, JsonPipe, HeadComponent],
templateUrl: './app.component.html',
styleUrl: './app.component.scss'
})
export class ...
- 475
0
votes
0
answers
17
views
Primeng accordion
I have a case where I am using multiple embedded accordion. It nice I get to the 3 level, it would rapidly expand and collapse. The reason is the Aria-hidden attribute saying that descendant had got ...
- 2,166
1
vote
1
answer
16
views
Position sticky for Kendo Grid column group
The column group in my kendo grid has the name of what those columns are giving information about, but they are so many columns that they overflow on the x axis and you need to scroll.
My issue comes ...
- 81
0
votes
0
answers
14
views
How to download a file into a subfolder in the Downloads directory using Angular? [duplicate]
I’m working on an Angular application, and I have a method to download a file. I already have the blob, so I don’t need a server; everything is handled locally. However, I want the downloaded file to ...
- 187
-1
votes
0
answers
31
views
Snyk is flagging Angular's navigateByUrl() as a potential open redirect vulnerability despite sanitizing the URL
While working on an Angular project, Snyk is flagging the use of navigateByUrl() in one of my functions as a potential open redirect vulnerability.
Despite implementing sanitization and validation, ...
- 111
0
votes
0
answers
27
views
How to use provideHttpClient with route-specific interceptors in Angular?
I'm trying to set up provideHttpClient in Angular v19 to use route-specific interceptors, but I'm encountering an issue where no requests are intercepted.
My Setup:
I have a default ApplicationConfig ...
- 647
1
vote
0
answers
21
views
How to test an Angular interceptor with a retry strategy?
This is a simplified version of my Angular 18 error interceptor. It will retry requests that produced an error to make sure it was not a fluke (please don't ask!). This works, however I am running ...
- 33.9k
-1
votes
0
answers
31
views
¿Porque me sale este error sobre arrie-hiden cuando doy clic en el boton para abrir un formulario? [closed]
me encuentro con un problema con el framework de Angular, digo detalles del proceso, incorporo un boton que me permite abrir un formulario a traves de una ventana de dialogo, la ventana de dialogo es ...
- 1
0
votes
0
answers
21
views
Ionic app angular-oauth2-oidc hasValidToken() is always false (android fails, ios works)
So, we have an Ionic Angular app for Android and iOS. We use angular-oauth2-oidc package with our server keycloak for users authentication. We noticed today that signing in doesn't work for Android ...
- 379
1
vote
1
answer
25
views
action, reducer, effects in different files for ngrx-toolkit and signalStore
I would like to divide the below code into 3 separate files? So, actions will go to actions.ts, reducer methods will go to reducer.ts and effects methods will go to effects.ts. Can someone please help ...
- 301
1
vote
0
answers
23
views
How do i fix Stripe Payment for Connected Accounts
Hello i am having a problem with Stripe Payment from buyer. I want the buyer to be able to buy digital content from my platform and we keep a fee from the buyer. I want the purchase to be done in the ...
- 129
1
vote
1
answer
38
views
"The AppComponent class is a standalone component, which can not be used in the @NgModule.bootstrap array" with Nativescript
my Nativescript-Angular project was full workable two month ago, but now unexpectedly shutdown, I even don't know what exactly changing made in my environment, Angular look as the same version
Angular ...
- 69
-1
votes
0
answers
25
views
After Angular SSR Implementation, Firebase Read Counts Have Increased Dramatically [closed]
The situation:
Compared to csr, daily usage increases by 10–20 times, and this spike is observed as soon as SSR is enabled with Firebase.
Some facts about our setup:
We use Azure, Cloudflare, and ...
- 1
2
votes
1
answer
122
views
How to use provideAppInitializer instead of APP_INITIALIZER
I have a library that should run when the app boots.
I see that Angular 19 now use provideAppInitializer. I did use the automatic angular ng update migration cli and it changed the code.
// From
{
...
- 8,415
0
votes
3
answers
46
views
How do I correctly authenticate with firebase for each request
I'm playing around with firestore since I used realtime database in a course I did on angular. I created an angular app, and trying to get some documents based on a document property. However, I get ...
- 1
0
votes
1
answer
26
views
How to generate angular enviromental files in nx from the terminal
In angular, environmental files can be generated using the following command:
ng generate environment
What is the equivalent in an Nx monorepo project with mutliple applications?
- 5,651
0
votes
1
answer
14
views
3D Highcharts Stacked Bar with Line Chart Not Displaying in Front
I am trying to implement a chart where we will have a stacked bar chart. The stacks represent 'Utilized', 'Not Utilized', 'Offline' and the line represent the average. The x-axis represents 0-23 hours ...
1
vote
1
answer
78
views
angular routing is not working in angular 19
Why is this routing config not working? The router is trying to go /posts but it should not go to /posts. Currently it is showing a blank page. BlankComponentComponent contains router-outlet and ...
- 1,956
0
votes
0
answers
19
views
Change the Angular app language dynamically using @angular/localize
I use @angular/localize to localize my Angular app. Is there a way to change the app locale dynamically; for example by using a dropdown button? I am fine with reloading the page when the locale is ...
- 885
0
votes
1
answer
22
views
getStream Chat custom Message Actions
Following what their doc to add my own custom message action but didn't seem to work
import {
StreamMessage,
CustomMessageActionItem,
DefaultStreamChatGenerics
} from "stream-chat-angular";
...
- 193