307,224 questions
1
vote
1
answer
32
views
How can I automatically format dates according to the OS's locale in Angular without manually setting LOCALE_ID?
I am building an Angular application and want to format dates based on the user's operating system locale (or browser's default language) without manually setting the LOCALE_ID for each case.
While ...
- 47
-1
votes
0
answers
11
views
Import Book item to DSpace 8
I am new on DSpace solution, Is there anyway to import a book item as pages (e. JPG files) instead of one pdf file.
Actually I would like to use pageflip library and most libraries require that the ...
1
vote
1
answer
27
views
How to reduce matInput height to certain value?
I have simple matInput element from angular-material library:
<mat-form-field class="example-form-field">
<mat-label>Clearable input</mat-label>
<input matInput type=...
- 1,011
1
vote
1
answer
17
views
http poller using rxjs timer and waitUntil doesn't work
With rxjs 7.5.7, I return a promise when a polling http request will finally returns true after several false values, but takeUntil used is never called again.
I tried to following code:
return timer(...
- 11
0
votes
0
answers
15
views
organisation chart using d3 in angular
D3 version 7.9.0, D3-org-chart version 3.1.1, Angular version 16... I made an organizational chart, however I would want it to be horizontal, from left to right.
When I attempt to use direction (....
- 1
2
votes
0
answers
14
views
How to Handle Incomplete Date Entries in Angular Form Control with <input type="date">? [duplicate]
I'd like to warn my users if they enter an incomplete date. The field is not required though
I tried listening to the changes of the field using the (blur) / (keyup) attributes, but if the date is ...
- 348
-1
votes
0
answers
20
views
Angular 19 . Paypal REST API - Request is not well-formed, syntactically incorrect, or violates schema
Where i'm wrong??
payment.service.ts
autenticaService(): Observable<Object> {
const uri = '/v1/oauth2/token';
const data = 'grant_type=client_credentials';
let body = new ...
0
votes
0
answers
13
views
How to get the value on the child using the emitter and pass it to the parent grid table in angular 19
grid-table.component.ts
export class GridTableComponent implements OnInit {
@Input() gridOptions!: GridOptions;
@Input() rowActions!: any;
@Input() activeRowTriggered!: any;
...
- 832
0
votes
0
answers
26
views
Leaflet Geodesic with Angular, I cannot use the geodesic in production
I deployed an angular app, and there I have a map with Leaflet. Well in my map service I have some methods of adding polylines, and I was using geodesic, in development on my local machine was working,...
- 15
0
votes
0
answers
6
views
Implementation of custom Angular schematics inside a project
I have an Angular 19 project and would like to add some schematics to it. Since these will depend on project components, such as src/shared/*, I don't see a reason to create a separate project as an ...
- 1,374
0
votes
0
answers
12
views
Logging Frontend Events in an AWS-Hosted Angular App
I have an Angular app with an important frontend-only functionality, and I want to capture logs for it. The app is deployed on AWS using S3 and CloudFront, while the backend is nodejs app primarily ...
- 11
0
votes
0
answers
20
views
Passport JWT Unauthorized in node js and angular
I am using passport jwt with node and Angular. it is throwing unauthorized error.
I have tried with many solution on other stackoverflow questions but nothing works.
I am using sequalize with MySQL ...
- 249
0
votes
0
answers
20
views
Angular project compiles but localhost:4200 returns a 404 error
I'm brand new to Angular and I inherited a legacy application that I'm trying to get running on my local machine. After pulling the code from the repo and installing all the dependencies, I'm running ...
- 1,149
0
votes
0
answers
16
views
Angular 15: Extract a component from a lazy loaded module for dynamic creation
Let's say I have a module with components and services which should only be loaded if a specific feature flag is true. The app.component checks for the feature flag and in its template has a component ...
- 3,734
2
votes
2
answers
32
views
NgRx signalStore with generic methods
I'm using Angular 19 with Ngrx.
I have multiple store with the same methods to handle the CRUD operations.
I would like than withMethods use an interface to set this store generic.
I tried to pass an ...
- 967
0
votes
1
answer
25
views
Can I insert a child table under cdk-row?
I am using cdk-table in Angular and I want to add a child table under cdk-row to display.
So, I implemented it as follows.
But the child table is not displayed. I also can't find the child table ...
- 3
0
votes
1
answer
31
views
How to make Angular 19+, PrimeNG 19+, and Tailwind 4+ work together?
How to make Angular 19+, PrimeNG 19+, and Tailwind 4+ work together?
My configuration:
package.json
{
"name": "web",
"version": "0.0.0",
"...
- 441
0
votes
0
answers
11
views
Swiper's autoplay property doesn't start correctly in Angular + Ionic
I'm using Swiper in my app with Angular 14, Ionic 6.5 and Swiper 11. After defining and assigning properties to my swiper-container and slides, i noticed that when entering the page, the swiper doesn'...
0
votes
1
answer
48
views
Angular JS Angular 18 hybrid routing
I have an angular js/angular 18 hybrid application which is working, but what I am trying to do is migrate the routes of the customer users like this:
.state('customer', {
url: "/...
- 75
1
vote
1
answer
30
views
Angular material dialog modal showing error
I have found below error while using Angular material dialog popup. When I click Add product button the below error is found
Blocked aria-hidden on an element because its descendant retained focus. ...
- 183
0
votes
0
answers
19
views
Angular 19 + ngx-translate-router: Language not detected from URL, always redirects to /en
Problem
I am using Angular 19 with ngx-translate-router to handle localized routes. However, my app always redirects to /en on startup, even when a different language is present in the URL.
For ...
- 2,196
-3
votes
0
answers
20
views
I am getting these webpack errors while trying to add custom button using buttonView class in my ckeditor5 in angular 16. How can i rectify this error
Error:
./node_modules/@ckeditor/ckeditor5-ui/theme/components/button/button.css:6:0 - Error: Module parse failed: Unexpected character '@' (6:0)
You may need an appropriate loader to handle this file ...
0
votes
0
answers
37
views
unable to update data in angular
router.put("/:id", authenticateUser, isSuperAdmin, async (req, res) => {
const existingCategory = await Category.findById(req.params.id);
const category = await Category....
0
votes
0
answers
19
views
Angular 8 blank white screen after ng build
I have inherited an angular app with references to ionic as well. I changed one small thing on a page and then do ng build. No errors. But when I try to run it I get a blank white screen and in the ...
- 149
0
votes
0
answers
19
views
AG-Grid Row Height Not Adjusting for Multi-line Text (Dynamic Server-side Data)
I’m using AG-Grid with server-side data in an Angular application. One of my columns contains multi-line text (e.g., addresses), but the row height doesn’t adjust dynamically, causing text overlap or ...
1
vote
0
answers
26
views
Angular workspace build runs in local dev environment but not test environment
I have an Angular 19 Workspace with a main application and 2 libraries which are built and installed as packages in node_modules. My build is served correctly from my local development environment's ...
3
votes
0
answers
23
views
What is the proper syntax for projecting content into a custom schematic?
When building my components I always copy and paste a comment at the top of my files to itemize all the specs and user stories as I think and build them out, something like as follows
/*
Some ...
- 3,232
0
votes
1
answer
28
views
Angular Standalone: NullInjectorError: No provider for HttpClient despite using provideHttpClient()
I am working on an Angular standalone application and I am getting the following error when trying to use HttpClient in my service:
ERROR Error: NullInjectorError: R3InjectorError(Standalone[...
- 1
2
votes
0
answers
36
views
Error: NG0203: inject() must be called from an injection context
In my Angular and Bootstrap project, I implementet a table according to bootstrap documentation. Since i added Pagination to the table i get the error-message following error message:
ERROR Error: ...
- 21
0
votes
0
answers
31
views
How can I measure if request animation frame helped to my scroll event?
I have the following code:
ngAfterViewInit() {
this.viewportElementRef.nativeElement.addEventListener('scroll', this.onScroll);
}
private onScroll = (event: Event & { target: HTMLElement }): ...
- 23
0
votes
0
answers
14
views
Summernote uploading image problem (outside of note-editable)
I have problem regarding uploading image sometimes inside the editor. When I upload image, image is going outside of note-editable div. I saw that some people has same problem but I did not find the ...
- 1
0
votes
0
answers
16
views
Angular Form Submission [closed]
In an Angular UI page if i click on a button called "Go to school page" after first time modifies only to any fields then respective changes are being reset to their original values. Whereas ...
1
vote
1
answer
30
views
IntelliJ IDEA does not know Angular specific @for @if etc
Using IntelliJ IDEA 2024.3.3 (Ultimate Edition) and the bundled Angular Plugin 243.24978.46
The IDE does not know any Angular specific blocks like @if or @for anymore and shows them as errors.
As far ...
- 81
1
vote
0
answers
38
views
Angular 18.2.10: inject() Fails in Resolver
Question:
I'm using Angular 18.2.10 and defining routes with loadComponent for lazy loading. I have a wrapper component that should wrap all child routes.
However, when I use loadComponent without ...
0
votes
0
answers
12
views
Ng serve with linked npm package with watch enabled compiling too slow after edits in package
Preconditions:
Angular 14
npm package that is linked locally with npm link and is building with tsc && (concurrently "tsc -w" "tsc-alias -w")
I need to import package from ...
- 1
1
vote
1
answer
16
views
How to add my content one by one with angular animation
For a presentation page I want to display the content of my page element by element with Angular animations
My goal was to make an animation that hides my content and make an animation for each ...
- 13
2
votes
2
answers
46
views
Why does my Angular dropdown update selection even when the parent does not store the selected value?
I have an Angular dropdown component (CustomDropdownComponent) that receives a list of options and a selected value from its parent component via @Input(). The parent also listens for selection ...
- 29
0
votes
0
answers
27
views
Multiple cameras websocket view - stream with raspivid, nodejs, and angular
SO, I have this code on multiple raspi cameras:
const express = require('express');
const WebSocket = require('ws');
const raspividStream = require('raspivid-stream');
const fs = require('fs');
const ...
1
vote
1
answer
24
views
How to optimize chart rendering using Chart.js in Ionic?
I'm building an expense manager application where I have a stats tab containing two subtabs, expenses and incomes each of which has its own chart instance. Rendering is first slow, it takes some ...
0
votes
1
answer
16
views
primeNG Select components overlay width
I want to make overlay of Select's width to be same as selectors width. It is same individually, but when put select inside a div which has
display: grid;
grid-template-columns: repeat(3, minmax(200px,...
- 142
0
votes
0
answers
12
views
Cannot get Network first, then Cache strategy to work with Angular and Spring Boot
I have made an angular PWA and tried implementing a Network first, then Cache strategy since I want to be support offline mode for some api resources.
I have used Google Chrome to simulate no internet ...
- 55
1
vote
1
answer
54
views
Using nested rxjs iif operators not working as expected [closed]
The following is just a section of the code, but should be enough.
In this case the allocateEquipment gets called when eq is an empty array and dryRun is true.
...
tap(a => console.log(a)), // ...
- 1,684
1
vote
0
answers
27
views
Generate a PDF of a dynamically bound Angular webpage and allow it to be downloaded from the Dashboard page
I have a project made with Angular and Django and MongoDB as database.
I have a page at http://localhost:4200/#/print/layout
This Print-Layout page is properly getting all the data from an API which ...
- 11
2
votes
1
answer
53
views
How to run a more advanced javascript code in an angular project
I need to run a javascript code in my angular project, and following other questions on SO I could run a hello world js file. However, there is no example for usage of more advanced js files like ...
- 333
1
vote
0
answers
23
views
I need help to increase print quality when calling preview component into invoice
i have a receipt form in angular 15 that need to be printed on a certain preview. so i have created that preview in a separate component then called that component into main form that loads by ...
1
vote
0
answers
35
views
What is the correct architectural design of a Signal Store with many state objects and complex API services
Let's say I'm working with something along these lines:
I want to use Signal Stores and signal based code as much as possible.
Store Size
If I have 5 discrete memory structures which I need to store. ...
- 1,661
0
votes
0
answers
48
views
Angular 18 live reload routing issues
Somehow, the live reload (when any code is changed) causes routing issues. I've spent couple of hours investigating this, however couldn't understand what is going on. Here is what happens:
When I ...
0
votes
0
answers
33
views
Can't setup 404 pages in SPA application
I have an api application with angular in the client side and ASP.NET Core in the backend served by IIS. I'm also using SAML2 to authenticate. My setup is like this:
Client side, angualr.json file:
...
- 2,228
-1
votes
0
answers
56
views
How to fix strict MIME checking issue in angular 18 while loading dynamic css file in angular 18?
In Angular 10 we used require to load css dynamically. Require deprecated in angular 18 and we used Renderer2 to load styles.
if (this.jurisdiction == 'ON') {
require("style-loader!./../...
- 1,048
1
vote
1
answer
40
views
Upgrading to Angular 19: Error TS2304 - Cannot Find Name 'QRCodeModule'
Today, I upgraded to Angular 19, and I'm encountering an issue that I can't resolve.
"I installed version angularx-qrcode: "^19.0.0", and I'm getting an error message that I don't ...
- 183