306,885 questions
0
votes
0
answers
10
views
Error TS2339: Property 'customProperty' does not exist on type 'Window & typeof globalThis'
I encountered Error TS2339: Property 'customFunction' does not exist on type 'Window & typeof globalThis'. when trying to build my Angular library.
I am trying to add .d.ts file in my freshly ...
- 1
0
votes
0
answers
25
views
Dispatch event not working during page route
I'm working on a Angular 14 application in which on a specific scenario where the page load gets the current date (selected from a datepicker) and pass it to the backend to get the data .
In this case ...
- 3,034
0
votes
1
answer
30
views
Why is Angular asking for an standalone component, even though it is
Pretty much what the title says, I can't find what I'm doing wrong. Here's the code for circulo.component.ts:
import { Component, OnInit } from '@angular/core';
import { Circulo } from '../figura-...
- 13
0
votes
0
answers
12
views
Angular Material Paginator doesn't display all pageSizeOptions
When I click on the select element, nothing happens, even though the options should appear. They don't appear in DevTools either.
<mat-paginator
[length]="totalApplications"
[...
- 1
1
vote
1
answer
37
views
Firefox rendering issue for ellipses
In Firefox browser , truncation of string is not working, when typing into the input box at first time truncation is not working, but when focusing out and typing once again it start working , seems ...
- 11
0
votes
0
answers
29
views
Angular 13 Upgrade - No module factory available for dependency type: CssDependency
I'm upgrading an Angular application from version 9 to 13. I'm using Shakapacker 8, Rails 6.0.6.1, and Angular 13.
After updating to Angular 13, I'm getting this error when building:
ERROR in ./app/...
- 2,339
0
votes
1
answer
26
views
Multiple parsing errors when trying to implement multiple step reactive angular form -
I am trying to implement a multi-step angular reactive form in my project. <y angular version is 19. I sought consultation from a tutorial which was written in Angular 8 though.
I am getting ...
- 192
1
vote
0
answers
20
views
Div is hidden when running the application with playwright but if not it appreas
I have an angular app,
at the template file I have that div that its id is "disclaimer":
when I ran the application locally I saw that div element at the UI and when I checked on devtools I ...
- 11
1
vote
2
answers
56
views
Angular 19 Standalone Component Error: "No provider for _HttpClient" Despite HttpClientModule Imported
I am working on an Angular standalone application and encountering the following error when using HttpClient in my DataService:
ERROR Error [NullInjectorError]: R3InjectorError(Standalone[...
- 907
0
votes
1
answer
28
views
How to pass an array of pipable operators to pipe()?
[Angular 12]I have a service with a method, handleFormControlChanges, which accepts, a formControl, a destroy subject, a method and an array of pipable operators (e.g., delay), and I would like to ...
- 45
0
votes
1
answer
24
views
Dynamically enable and disable a angular material input field
I try to disable and enable a angular material input field in typescript. I found only solutions where the value is set on creation time or in html like
inputField = new FormControl({ value: '', ...
- 1,219
1
vote
1
answer
29
views
Angular Form Group is not clearing conditional validator errors
I have a dropdown, and based on the selected option, I display specific form controls. For the dropdown option value2, I display an error message: "Please provide either the Body or both Username ...
0
votes
0
answers
22
views
Why is my stored product in localstorage overwriting the product in my service?
There are two ways the selected product in SelectedProductService is updated -- from localStorage when the user refreshes the SelectedProduct page and when the user selects a product in the ...
- 2,206
0
votes
0
answers
21
views
Angular 19 RenderMode Error: “The '*/**' server route does not match the Angular routing configuration...”
I’m migrating an Angular 18 project to Angular 19. Previously, I used a routes.txt file for server prerendering (SSG), and it worked fine. Now, with Angular 19, I switched to the RenderMode (Hybrid ...
- 193
0
votes
0
answers
22
views
NG0203: inject() must be called from an injection context such as a constructor, a factory function
Title: Angular 18: Dynamic Microfrontend Loading with Native Federation - NG0203 Error
Question:
I am trying to dynamically load a microfrontend component in an Angular 18 app using angular native ...
- 23
1
vote
1
answer
24
views
Angular Jasmine tests that continue upon previous tests
I have a service called items here is the spec file:
import { TestBed } from '@angular/core/testing';
import { ItemsService } from './items.service';
describe('ItemsListService', () => {
let ...
- 618
0
votes
1
answer
65
views
Why doesn't web3 gun library work well together with Angular v18.2?
I'm trying to incorporate gun web3 library into my Angular app, but I'm running into the following error:
[vite] Internal server error: Cannot find module './lib/text-encoding'
Require stack:
I'm ...
- 29
0
votes
0
answers
20
views
Tailwind css responsiveness not working in angular 18
I am using Angular 18 with tailwind CSS.
For mobile view, I want both the columns to have full width but it is not working.
Any help is appreciated.
<div class="grid grid-cols-5 gap-4 mt-5 min-...
- 11
0
votes
0
answers
11
views
iPhone angular 19 material text color in light mode is white
Desktop, Android phone is fine. I am using Chrome to test it.
By default, it's light.
The text is white on iPhone both with Chrome and Safari.
I had no clue why.
See light-mode:
See dark-mode which ...
- 6,549
1
vote
0
answers
37
views
card flip with backface-visibilty: hidden
I'll appreciate suggestions on how to achieve this flip functionality in my angular application. I currently have it partially working (please see sample on stackblitz (click to review sample). I am ...
- 52
0
votes
0
answers
14
views
Angular does not retrieve objects nor messages from django endpoints on docker
Trying to deploy Django Rest Framework and Angular with Docker.
I have 3 containers: django, db and angular (with nginx on it)
The deployment is completed and I can open localhost:80 and see my ...
0
votes
1
answer
17
views
Angular Material mat-nav-list active route
I'm discovering angular material, and I'm struggling to find the correct way of highlighting the activate route in the navigation component. I noticed it was not done by default in the navigation ...
- 1
0
votes
0
answers
20
views
Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app)
FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app).
when the application is loaded my api try to get the firebase database but the app is ...
- 11
0
votes
2
answers
34
views
Why is my RxJs Subject not working as expected?
ProductGalleryComponent.html iterates over products. The click event of each image calls the setSelectedProduct function passing to it the product that was clicked.
<div class="row py-3 px-2&...
- 2,206
-4
votes
0
answers
23
views
TS2696: The 'Object' type is assignable to very few other types. Did you mean to use 'any' type instead? [closed]
TS2696: The 'Object' type is assignable to very few other types. Did you mean to use the 'any' type instead?
Type 'Object' is missing the following properties from type 'Category[]': length, pop, push,...
0
votes
0
answers
23
views
Angular SSR conversion : Unhandled Promise rejection: NotYetImplemented
In an Angular client-side rendered application conversion into sever side rendering (SSR), I am facing the issue below after serving the local Angular setup project:
Unhandled Promise rejection: ...
0
votes
2
answers
39
views
CommonModule vs independent directives import performance in Angular
In recent Angular versions (>=17), if we want to use a Pipe or directives like NgClass we can follow two approaches:
Importing the CommonModule. Eg:
import { CommonModule } from '@angular/common';...
- 448
0
votes
0
answers
15
views
animation classes appyling on Scroll when each section fully shown on the screen
I am facing problem since monday. And I used ChatGPT alot. But did'nt get the solution.
I have few section in my template.
section1
section2
section3
section4
section5.
I want that each section ...
- 1,627
0
votes
1
answer
35
views
+50
Angular: How to block RouteReuseStrategy based on condition?
I'm trying to block the RouteReuseStrategy based on some conditions but this is not happening. I've a route name as comp-a which is called in two different ways. 1 time is from a back button and the ...
- 1,036
0
votes
2
answers
45
views
2 tooltips appearing on mousehover
This is my code. I am getting 2 tooltips in Safari. I want one tooltip that I have already prepared.
Can you kindly let me know how to make the default browser tooltip disappear?
<div
[attr.id]=...
1
vote
1
answer
29
views
Why Does TypeScript Infer Observable<IdentityToken | null> as Observable<IdentityToken>
I'm working on an Angular service where I'm using BehaviorSubject to manage an IdentityToken. The BehaviorSubject is instiantiated as BehaviorSubject<IdentityToken | null>. Then I derive a new ...
- 17
0
votes
1
answer
33
views
I am trying to increase the JavaScript heap memory for my angular application which is causing the app to crash
I am working on an ecommerce application that is multilayered using angular for its frontend .When I serve the application using ng serve the application is served to my local host but later on it ...
0
votes
2
answers
51
views
How to get full item property from dropdown formControl valueChanges? [duplicate]
What i want is some guidance/suggestion on usage of the formControl.valueChanges.
When an item is selected from a drop-down box, i want to be able to access the full item of the selected item, and not ...
- 303
2
votes
0
answers
31
views
How to create a custom grid view in FullCalendar with 5-minute minimum event duration in Angular app?
I'm working on an Angular app using the FullCalendar npm package to build a calendar similar to Google Calendar. My goal is to create a 30-minute grid view where I can add events with a minimum ...
- 21
1
vote
1
answer
30
views
Angular: Align types among AbstractControls and classes
I tried but could not figure out how I could define and align types. For example,
export interface IDumpingFormSchema {
requestNumber: string | null;
employeeId: string | null;
employeeName: ...
- 1,356
0
votes
1
answer
23
views
Angular Classes not showing up on mobile and tablet
I have 3 complete different designs for mobile, tablet, and desktop. I decided that I will use Angular Signals with media queries to know the state of the angular application. The bug is that despite ...
-3
votes
0
answers
40
views
Example for Creating Angular Services with Signals and Resources for API Interaction [closed]
I'm looking to implement an Angular service that interacts with an enterprise RESTful API using Angular's new signal and resource features. Most of the examples I've found demonstrate making API calls ...
- 1
1
vote
2
answers
43
views
Difference between [ngStyle] and [style] for inline styling in Angular
What's that difference between using [ngStyle] and [style.<attr>] for inline styling components in Angular?
- 7,114
-1
votes
1
answer
29
views
Auto-scroll no longer works after moving scrollbar to inner div
I have an issue with drag-and-drop in Angular using Angular Material. I moved the scrollbar from its original location to an inner div, but now auto-scroll no longer works. I’ve created a StackBlitz ...
- 19
-2
votes
0
answers
12
views
Multiple Questions on Docker Setup for Spring Boot and Angular: Container Naming, Access Issues, Live Reload, and File Structure [closed]
In preparation for a new job, I wanted to familiarize myself with the new working conditions. It's been a while since I last used Dockerfiles and docker-compose.yml.
You can see my file structure ...
- 33
0
votes
0
answers
11
views
Using @kolkov/angular-editor alignment not in the html
I am using in my angular @kolkov/angular-editor. However, when displaying the htmlContent, it does not show the alignments.
However, when I press on the html button (in the upper right) corner. It ...
- 1,054
0
votes
0
answers
26
views
Angular Material 18: light/dark theme not working properly
Stack Blitz example: https://stackblitz.com/edit/stackblitz-starters-ajqpjxrh?file=src%2Fmain.ts
I implemented a light and a dark theme for angular material 18, see stack blitz example.
it seems to ...
- 1,515
0
votes
2
answers
45
views
How to retrieve the code verifier using Keycloak from Angular
I am trying to develop an application with Angular as front, and Java as backend.
I need to login via Keycloak, and then send the received code to the back, to generate the token and store it in the ...
- 1,450
0
votes
0
answers
21
views
Angular & Firebase Hosting: Font Loading Issue in Firefox for Missing i18n "en" Locale
I use Angular in combination with Firebase Hosting to host my website, which supports multiple i18n locales.
Everything works fine in modern web browsers except for Firefox, where I encounter a ...
- 425
0
votes
1
answer
47
views
Angular Login Form with Backend in Spring
I'm creating simple angular app with a backend Java Spring.
These are two standalone projects.
I'm going to create login form in Angular. I see many tutorials on the internet
where basic ...
- 11
1
vote
0
answers
25
views
How to Properly Use a Service to Lock the Screen with NgRx Signals? Is effect in Hooks the Right Place?
I’m working with NgRx Signals and trying to figure out the best way to utilize a ScreenLockService to lock/unlock the screen during specific operations. Below is my current setup using signalStore and ...
- 11
0
votes
1
answer
43
views
How do I add a Shopify button to my Angular 16 application
I have an angular16 application. My client has a shopify store that he wants an "order now" button on the site that'll go to the shopify store. He's generated these buttons with code on ...
- 1,393
0
votes
0
answers
29
views
Why the filter get reset when I open and close a card?
I have a problem When filtering by a specific filter criteria, the cards that match that filter are displaying, but once I open a specific card of them and close it, all the cards display and not only ...
0
votes
1
answer
29
views
Whats the best approach to set LOCALE_ID in an i18n SSR Angular 19 app?
Whats the best approach to set LOCALE_ID in an i18n SSR Angular 19 app?
I can set it on the server (app.server.config.ts) by setting this DI token:
{
provide: LOCALE_ID,
useFactory: () => {
...
- 1,627
1
vote
1
answer
35
views
Angular form async validator firing but not updating form validity
This is my first time trying an async form validator. It is attached at to my form's asyncValidators, it's firing appropriately, the correct value (object or null) is being returned ... but the form ...
- 77