307,295 questions
0
votes
0
answers
16
views
I want to check for character validation where the input is a string, and I have to check for each character that I enter is the same, like monkeytype
The problem is the same as a typing challenge. The character entered should be checked with its already generated string. It's just the same as MonkeyType. This is to be done in angular.
export class ...
0
votes
1
answer
29
views
Angular request duplicate if error is throw
I have a weird behavior with my requests. If the request throw an error, I automatically get a second one launched
Here is an example of my request :
this.http.post(environment['url'] + '/ws/verifier/...
- 1,011
1
vote
0
answers
28
views
Powershell script to upgrade keywords in Font Awesome from 5 to 6
With the change from Font Awesome 5 to 6 in my Angular project many of the keywords for the icons changed. I need a Powershell script to replace tham all inside the .html files.
A list with all ...
- 43
1
vote
2
answers
42
views
How to test Angular's output signal?
I have an output signal in my component like this:
updatedBook = output<Book>();
...
updateBook(changedBook: Book){
this.updatedBook.emit(changedBook);
}
In the template I have a binding ...
- 225
0
votes
1
answer
30
views
Bootstrap Dropdown menu doesn't pop out of responsive table
So I am running in to an issue where I have multiple Bootstrap dropdown menus that appear onClick within a Bootstrap responsive table. However these dropdown menus are supposed to overflow the table ...
- 1
1
vote
1
answer
19
views
AG-Grid Header can't be aligned to center
i am using angular 15 and now developing an aplication that works like excel using ag grid.
i already add the header class to center
[defaultColDef]="{ resizable: false, sortable: false, editable:...
2
votes
0
answers
44
views
Reading a 92 byte CSV file takes 15–20 seconds to process
I'm working on an Angular app and trying to read and parse a simple CSV file that is only 92 bytes.
Surprisingly, the upload and processing takes around 15 to 20 seconds, even for such a tiny file.
...
- 33
0
votes
0
answers
30
views
Adding delay in HttpTestingController - Angular Unit test
Trying to validate timeout from db queries, not able to achieve it via HttpTestingController.
Not sure how to design the UT. Where to add the timeout in this setup.
it('test timeout', () => {
...
- 310
0
votes
0
answers
18
views
"Jest Cannot Find Module '@maxgraph/core' in Angular Application Despite Correct Configuration"
I'm working on an Angular application where I'm using the @maxgraph/core library. I've written unit tests using Jest, but I'm encountering an issue where Jest cannot find the @maxgraph/core module. ...
- 140
2
votes
2
answers
53
views
Using forkJoin for nested API calls
I am struggling to understand the best way to implement nested calls to a API, using forkJoin (without using nested observables).
I have three APIs:
API to create student (/student/)
API to add ...
- 122
-4
votes
0
answers
35
views
Postman backend API and Angular Application [closed]
I need help getting my angular application to communicate with my backend api. I need my product to look like the attached image. I currently am using postman that takes JSON data, and it works ...
1
vote
2
answers
30
views
ERROR TypeError: Cannot read properties of null (reading 'offsetHeight') in primeng MenuModule
I am using MenuModule primeng
The model inside Menu is of type signal
And it is taken from service
Now when service is called and model is filled this error is displayed
ERROR TypeError: Cannot read ...
- 1,016
0
votes
0
answers
29
views
Programmatically clear data point selection on visual
I have embedded a Power BI report in Angular single page application using Using user owns data principle. I have used powerbi-client-angular library.
This report is using one stacked column chart. ...
- 2,496
0
votes
0
answers
10
views
AG Grid: headerCheckbox is only available if using 'clientSide' or 'serverSide' rowModelType, you are using infinite
Using AG-Grid (angular). We are getting warning in browser console.
Warning Text:
"AG Grid: headerCheckbox is only available if using 'clientSide' or 'serverSide' rowModelType, you are using ...
- 434
0
votes
1
answer
41
views
I am updating the angular component properties inside a if block and I feel it is not updating
ngOnInit() {
this.router.events.subscribe(event => {
if (event instanceof NavigationEnd) {
if (event.url === '/common/time') {
this.zone.run(() => {
...
- 77
0
votes
1
answer
31
views
how to capture double click and hold event in angular/typescript?
I am trying to create random shaped polygons inside svg. I want to implement the functionality to drag the polygons within the svg. To do this, I want to capture double click and hold event, similar ...
2
votes
1
answer
49
views
Angular Tailwind v14 cant find image logo path
I'm using Angular 18 and Tailwind v14, and I have an issue with displaying images (such as a logo). When I set the correct path for the image, Angular can't seem to find it.
The issue:
I correctly ...
-1
votes
0
answers
22
views
Token is not recognized after deployment
I have deployed an Angular (19) project on Netlify.Although, I defined environments in my project and added API_Token on Netlify,and basically followed all the instructions that was needed, it is ...
- 9
0
votes
0
answers
28
views
Angular Keycloak integration CORS Error: CORS header ‘Access-Control-Allow-Origin’ missing
I'm trying to consume the OAuth2.0 api from keycloak using angular:
login() {
const url = 'https://keycloakHost/auth/realms/my-realm/protocol/openid-connect/token';
const headers = new ...
- 447
-2
votes
2
answers
45
views
Best way to parse json and extract attribute values dynamically and associate with UI component generic way in Angular [duplicate]
I am working new in Angular and working in a work where REST API returns a complex json entity and dynamically I have to fill html page components with values from the output json. The json structure ...
- 491
1
vote
1
answer
55
views
Angular "No pipe found with name 'async'
I have the following Angular typescript and html template and it prompts the captioned error when build.
Typescript:
import { ChangeDetectionStrategy, Component, Inject, OnDestroy } from '@angular/...
- 11
0
votes
0
answers
33
views
Error while migrating to Manifest v3 from v2 , it is showing error Cannot read properties of undefined (reading 'TYPED_ARRAY_SUPPORT')
I am getting error after migration to v3 from v2 .
In image 1 the service worker gives error as soon as we run it and it says TYPED_ARRAY_SUPPORT is undefined
In image 2 , same error shows when we ...
- 158
0
votes
0
answers
24
views
The feature name "channels" does not exist in the state, therefore createFeatureSelector cannot access it
I am trying to get a variable when subscring to an observable like so:
channels$!: Observable<Channel[]>;
channels: Channel[] = [];
ngOnInit(): void {
this.store.dispatch(...
0
votes
0
answers
83
views
Angular 19 returning partially correct DTOs from server eventhough all server data is correct
Return in controller shows "mostly" correct data but when returning it on client side is null.
I use Angular 19, .NET Core and EF Core. The mapping seems to be selective.
I create an Article ...
1
vote
0
answers
99
views
Sub Menu not displaying properly on Horizontal Menu [closed]
Im planning to create a horizontal menu with sub menus for reference here is the look currently
on mobile this is the look
My problem here is the Horizontal Main Menu when it has to many links it ...
- 246
-3
votes
0
answers
30
views
How to force FormlyFormOptions to rebuild hidden fields? [closed]
Suppose I have a form with 2 fields: Restaurant and Location.
In my Angular ngOnInit, I first:
this.model = this.versionedStorage.load() || new MyModel();
this.assignFields(); //this.fields = [...]
...
- 9,772
0
votes
1
answer
51
views
Toggle button doesn't show chart from db.json data
I'm starting to learn how to build Angular apps and I need to implement a toggle button that show/hide 2 charts, one chart has static data and the other on call data from a db.json file through a ...
- 13
0
votes
0
answers
18
views
Enabling More DevExpress Charts in Dashboard Toolbox (Common Section) - dx-dashboard-control
I am evaluating with the DevExpress Dashboard for our Reporting and In-app dashboard needs. I am working on a POC right now, usuing dx-dashboard-control and would like to enable additional built-in ...
1
vote
1
answer
60
views
Type 'Signal<boolean>' is not assignable to type 'Signal<unknown>'
I am working on an app which is using a pretty simple signal store. It worked the last days but suddenly today I got the following error:
Type 'Signal<boolean>' is not assignable to type 'Signal&...
- 1,258
0
votes
0
answers
39
views
Angular's PrimeNG button displays differently [closed]
I created a new angular application and I'm planning to use PrimeNG v19 as my UI suite. However, upon setting this up, I just can't seem to make the "test" button match the color sampled in ...
- 1
1
vote
0
answers
34
views
Microfrontends - React in an Angular host
I've been trying to have a React app using Vite acting as a microfrontend in an Angular shell / host using Native Federation (also tried using Module Federation). After some time searching, I managed ...
- 223
1
vote
1
answer
48
views
Data not being displayed on template but data is fetched
I am trying to display data using rxResource. However, data returned is always undefined. However, inspecting the network tabs shows the data is indeed being fetched and I'm just doing something wrong ...
- 411
-3
votes
0
answers
30
views
Angular Library Update from 15 to 17 [closed]
I'm upgrading my Angular library project from Angular 15 to Angular 17. After updating dependencies like ngx-spinner and @ng-select/ng-select, I'm encountering errors when using them in the library. ...
0
votes
2
answers
38
views
How to use Material icons inside Version 17 PrimeNG components & Version 17 Angular (Over-ride PrimeNG's internal limited icons)
How do i use Material icons inside Version 17 PrimeNG components & Version 17 Angular (Over-ride PrimeNG's internal limited icons) ???
I watched this youtube video of Official PrimeNG
Video link
...
2
votes
1
answer
59
views
Unselecting and other weird behaviors like tapping outside deselect sometimes when the app is tested on a real phone, but works in pc mobile size
This is very weird, when you select the same hour that you selected it should deselect it but it doesn't work when tested on a real phone. When i test it in my pc using mobile size 290 width pixels ...
- 31
0
votes
1
answer
75
views
Angular Frontend is not reaching the backend [closed]
In Visual Studio I create a project Angular and ASP.NET core.
I start the project the first time and it works correct.
Then I start a second time (and more) and the frontend is not showing the ...
- 2,272
1
vote
0
answers
35
views
This issue is related to the Angular core lifecycle handling (@angular/core), specifically in nested component
We’re using a grid component structure that includes both ColumnDirective elements and an array-based column configuration. We’ve observed a discrepancy in component destruction behavior between Array-...
- 11
0
votes
0
answers
23
views
Kendo Angular Grid Paging bringing back all records instead of subset of records
I have a kendo angular grid being populated by an oracle database. I can not get the paging to work properly. it is my expectation that if i have the paging set to 50 records that I should only ...
- 91
1
vote
3
answers
71
views
Angular: How to check if output() has an observer
I stopped using the @Output() decorators since the new output() function got released.
I got my dummy component:
export class TaskComponent implements OnInit {
readonly taskStarted = output<...
- 1,105
1
vote
1
answer
43
views
Taiga UI migration v3 > v4 css priority issue
I migrated taiga in my angular project from v3 to v4. All of a sudden, main styles were taken from taiga light theme and my custom styles are not prioritized.
What could have happened and how can I ...
- 137
0
votes
2
answers
67
views
Organizing data into hierarchical structure with SQL Server
I have a SQL query that I used with SSRS for creating a hierarchical employee report. SSRS had the ability to have recursive parent groupings, which explains the following table structure of the data.
...
- 557
-2
votes
0
answers
24
views
Want to replace the AI generated content with editor content instead of appending it [closed]
I am using AI assistant plugin in the tinymce editor in angular project and on clicking "Insert" button in AI assistant dialog, I want to replace the existing editor content instead of ...
1
vote
1
answer
100
views
How to override color theme in Angular 19?
I'm setting up a project in Angular 19 where by default when installing @angular/material I kept azure-blue.css as theme. Now I want to override based on my colors. I've successfully overridden the ...
- 1,102
0
votes
1
answer
43
views
error NG6002: 'NgReduxModule' does not appear to be an NgModule class. #251
Our application migrateing angular 13 to angular 16. below error is giving. plz suggest
Error: src/app/app.module.ts:82:5 - error NG6002: 'NgReduxModule' does not appear to be an NgModule class.
82 ...
- 27
0
votes
1
answer
53
views
Tailwind Media queries ignored when coming from Angular library files
I just developed an Angular library to factorize some frontend code i'll have in several projets and i used tailwind + PrimeNg to style the app.
The media queries styles are not working properly when ...
0
votes
1
answer
54
views
Angular + Electron app goes blank after Ctrl+R
On the latest version of both Angular and Electron. First load works fine, but then any refresh will blank the screen.
Reload the page, and it blanks. Will log in console:
(node:44678) electron: ...
- 1
0
votes
0
answers
30
views
Ionic detached elements held by a KeyframeEffect
I have a page inside an Ionic Angular app which looks something like this:
@Component({
selector: 'app-pages',
templateUrl: './pages.component.html',
styleUrls: ['./pages.component.scss'],
...
- 410
2
votes
1
answer
49
views
How do I return two http requests sequentially in rxjs and use data from first in second call?
I've written a http function that works using switch map to get the value from one http request and use it as a parameter in the second, but how do I return not only the final http request but also ...
- 1,797
1
vote
1
answer
43
views
+50
Angular Karma, what is causing "flush failed after reaching the limit of 20 tasks. Does your code use a polling timeout?"
I'm testing a component that internally uses several services and sub-components.
This test fails with "flush failed after reaching the limit of 20 tasks. Does your code use a polling timeout?&...
- 52
1
vote
1
answer
89
views
Retry HTTP request
I have Angular service which is used in the Angular pipe. The job of that service is to do a HTTP request and fetch translations. Idea is to have a pipe which returns a Observable that only first ...
- 315