306,827 questions
1
vote
0
answers
5
views
Polyfills Not Loading on Android for Angular 17 App, Causing Null Error
So, I have an angular project. The web works perfectly fine on a computer, but not on my phone.
I have an androin 13 phone.
I tried multiple browsers.
When I tried debbuging it, I got this error after ...
- 21
0
votes
1
answer
21
views
Map Two Arrays Into One
I've the following array:
const arr1 = [
{"id": 699306, "address": "On earth" },
{"id": 701298, "address": "On earth" },
{"id": ...
- 1,153
0
votes
0
answers
10
views
Theming Angular material autocomplete options
How to modify the active and hover background-color of an option for Angular material component autocomplete?
<form class="example-form">
<mat-form-field class="example-full-...
- 617
1
vote
1
answer
13
views
Angular Nested Routing: Navigation Not Updating with RouterLink
I have a route config
{
path: 'dashboard',
component: UserDashboardPageComponent,
title: 'xyz',
children: [
{
path: '',
component: DashboardSummaryComponent,
...
1
vote
1
answer
25
views
How can i filter an Observable/BehaviourSubject correctly?
Service:
@Injectable({
providedIn: 'root'
})
export class DeckService{
private decks$ = new BehaviorSubject<Deck[]>([]);
constructor(private http: HttpClient) {}
public init(): void {
...
- 29
0
votes
0
answers
8
views
Angular-calendar: during navigation week view is rendered next to previous week view
I am using the angular-calendar component in an Ionic Angular project and have problems implementing a calendar in week view. When navigating the calendar (forward or backward), the week view gets ...
- 381
0
votes
1
answer
27
views
Empty list is shown after adding a record
I have a page showing a list of items retrieved with an http service, and a button to add a new one. After adding a new one, I navigate programmatically to the first page, but now the service is not ...
- 16.3k
0
votes
1
answer
14
views
How to fix Window is not defined in Angular 17?
I recently upgraded to Angular 17 and the new Verse builder. After running ng build I get:
An unhandled exception occurred: window is not defined
See "/private/var/folders/gv/...
- 185
0
votes
1
answer
23
views
Check Array Contains A Property and Bind It To A New Array
I've an array that I am binding as follows:
const newdata = json.map((c) => {
return {
"User Name": c.userName,
Email: c.email,
Groups: c.newArrGroups.map(a => a.name)...
- 1,153
0
votes
1
answer
15
views
Is Angular compatible with Yarn's zero installs?
I am running into an error after starting up a new project, which causes me to wonder whether I'm correctly reading the information I got online.
Following instructions from Angular and other sources ...
- 1,545
1
vote
1
answer
34
views
Can't modify inner content of ViewContainerRef, only adding tags after it in Angular
I have a few DIVs that may be marked with a directive special. That directive has certain logic that works. Now, I'd like to add a component within the DIV that is equiped with the directive.
<div ...
- 38.9k
0
votes
0
answers
27
views
Canot find error who gives me "Can't bind to 'FormGroup' since it isn't a known property of 'form'." in Angular 17 [closed]
Im having this error and i cannot find where it is im following a tutorial on youtube i tried searching on google ad i get alot of examples and i tried all from adding the FormsModule with ...
- 33
0
votes
0
answers
35
views
Why does my Angular 9 sort routine work great when using Google Chrome (Ch131) browser, but works poorly (gets Wait msg) when using MS Edge (Ch131)?
I'm still on Windows 10 - can't upgrade to Windows 11 on my laptop due to a specific processor/chip version that is not compatible with Windows 11. I have all Windows 10 updates installed. I have ...
- 201
1
vote
1
answer
27
views
Integratin CalHeatMap into Anguar app with SSR
I try to integrate CalHeatMap
https://cal-heatmap.com/docs/getting-started/quickstart
into my app:
import { Component } from '@angular/core';
import { NgIconComponent, provideIcons } from '@ng-icons/...
0
votes
0
answers
28
views
Spring Boot + Angular monolith application csrf-token is being set as HttpOnly in external server where https is used
Locally I get as a response header correctly after GET request
SET-COOKIE: XSRF-TOKEN=cookie; Path=/
And when doing POST request it has cookie and a header and everything is working fine.
In external ...
3
votes
1
answer
20
views
How should I reference different files for different devices using Angular?
So this is my project's structure in version 18.2.8.
enter image description here
This is the structure if I'm looking with a pc:
enter image description here
What I want to do is to show a css file ...
- 33
-2
votes
1
answer
46
views
Can't access a field of an object in TypeScript by using a variable as a name of the index unless declared as a constant
I can't understand why the first two printouts work, while the other two produce an error.
const index1 = "name";
const holder: { field: string; } = { field: "name" };
const index2 ...
- 38.9k
1
vote
1
answer
23
views
Angular 18 read JSON file in assets folder
In angular 18, I have to read a json file using HTTP client. I cannot predict the hosted URL. The site may be hosted in two or three level sub folder domain names. How can I read the json files from ...
- 21
0
votes
1
answer
33
views
Is there a way to set a default value to signal's rxResource() such as signal()
it seems that there is no way to set a default value to rxResource such as classique signals.
I do it like that:
#errorsResource = rxResource<ParseError[], any>({
request:() => ({
...
0
votes
1
answer
20
views
Cant change Angular Materials paginator value after using viewChild signal
I need to change my tables paginators pageIndex and pageSize, my code works well when i use ViewChild, but i want to use signal query, when i use signal query i got this error;
Writing to signals is ...
- 11
0
votes
1
answer
25
views
angular impure pipe triggered only on service changes
Am implementing a service named MyService (singleton) which has an attribute called config, and a pipe named MyPipe which should only be re-evaluated when MyService.config (not the input into the ...
- 187
0
votes
0
answers
12
views
Angular Interceptor - retrieve Graphql query or mutation name
Good morning everyone,
I would need your help to retrieve the query or mutation name within the interceptor which is working fine.
import { HttpContextToken, HttpInterceptorFn } from '@angular/common/...
- 1
0
votes
0
answers
10
views
I have a problem with using the Leaflet features in my Angular component
i want to use leaflet in my project with all of this library features.
this is my code which shows the map with distance feature but draw and easyprint features does not work and there is no anything ...
1
vote
1
answer
32
views
How to generate dynamic metadata from an Angular component using node js?
I want to create a library with components example pages generated automatically by a node js code.
Using some Copilot help, I got this function to read the component's metadata, but it is returning ...
-1
votes
1
answer
56
views
How can we bulk remove unused class names from my component's imports array?
In Angular 19 we now get warnings about unused imports. (unused classes in the imports array).
The blog post says "auto remove"
Additionally, the Angular language service will highlight ...
- 5,824
1
vote
1
answer
41
views
in Angular Signals, can you use viewChild() + effect() to handle changes to a child element?
Let's say I want to know when a particular child element in my component is scrolled. Suppose I declare:
contentPanel = viewChild.required<ElementRef>('contentPanel');
contentScrollTop = ...
- 21
1
vote
1
answer
34
views
default route resolver (Angular)
I'm trying to set some state in our NgRx Store for specific pages (I'll cause these POI - "page of interest"). If not one of those pages, I would like to set the Store to a default value. We ...
- 822
0
votes
0
answers
58
views
Angular 19: SSR + Lazyloading - Are there any resources?
I have recently upgraded my v17 production app to v19 for partial SSR.
The upgrade went well. The good:
Angular added ssr and updated the angular.json and needed server files
I added routes to the ...
- 457
0
votes
1
answer
49
views
How to update a component in Angular using a backend request, without refreshing the page?
I want to update my heart icon, which bound to every product, to add to favourites.
<i class="fa-regular fa-heart" *ngIf="!isFavourite"></i>
<i class="fa-...
- 53
1
vote
1
answer
22
views
Change routes when child component activate
I want to do a login page with password reset page. In the page, only a tiny part of the page will change when i click on "reset password" so the view will be like this :
Login page:
<div ...
- 100
0
votes
1
answer
49
views
Insert DOM element on the specific index of parent DIV
There is a DIV in Angular template:
<div #parent [innerHTML]="content"></div>
and in .ts file
let content = 'test1 test2 test3'
Now I'm creating new DIV:
const newDiv = this....
- 1
0
votes
0
answers
15
views
"grapesjs-tabs" is not working in https://grapesjs.com/demo website [closed]
please note, "grapesjs-tabs" is not working in https://grapesjs.com/demo website.
also, i installed "grapesjs-tabs" in angular and tried in local, it is not working as expected.
...
- 41
3
votes
1
answer
51
views
NX 20.2.2 + Angular 19 + Ionic 8 + Jest : Broken tests following latest updates
I have been maintaining Ionic-Angular applications within an NX monorepo (without nxtend/nxext) for a while and it's been going well so far.
However, the last migration to NX 20.2.2 + Angular 19 has ...
- 2,713
0
votes
0
answers
24
views
+100
jhipster angular compiled successfully, but AggregateError
PREVIOUS ANSWERS DONT WORK SO ITS NOT ALREADY ANSWERED, there are SO answers suggesting to use earlier downgrade node. jhipster8 build successful, then AggregateError which says,
As mentioned in a ...
- 1,945
1
vote
0
answers
26
views
VSCode update to 1.96.0 / Libs paths in Nx Monorepo are not recognized
I am not sure where exactly the issue is, however just by elimination I think it is VS Code and not Nx, Typescript or Angular, as I have only restarted VSC and it updated itself to the newer version ...
- 3,684
1
vote
0
answers
24
views
Issue when sharing file and text - Only shows text in email
when i am sharing file with WebShare Api its not showing the text while sharing the file its showing text only in email
const file = new File([this.pdfBlobforData], `${name}.pdf`, {
type: '...
- 11
-1
votes
0
answers
17
views
Angular does openapi-fetch library work together with tanstack library?
The openapi-fetch library does help to make HTTP GET fetches in a certain structure. The tanstack library on the other hand, helps to render components delayed, as far as I do understand.
Does it work ...
- 11
1
vote
0
answers
29
views
Custom TypeScript library import causes interference with Zone.js
I am working on a TypeScript project where I have a custom library that exports various services. The services are defined and exported in my
index.ts
file as shown below:
// Services
import { ...
1
vote
1
answer
26
views
How to implement setDisabledState from ControlValueAccessor interface using new input API [Angular19]
After attempting to run a migration for the new input API (with --insert-todos enabled) my custom Text Input component looks like this:
text-input.component.ts
export class TextInputComponent ...
- 91
-4
votes
0
answers
26
views
How do I migrate a legacy frontend project to Angular? [closed]
My company has a legacy project what is powered by JQuery and Knockout.js. As you know, they're out of date. Due to our project is extremely big, we want this migration to be progressive. So that we ...
- 65
3
votes
1
answer
30
views
Error with ngx-translate: No provider for TranslateStore
CURRENT BEHAVIOR
When I try to use the ngx-translate/core (16.0.3) with ngx-translate/http-loader (16.0.0) and Angular (19.0.4)
The project is using NX and module federation with standalone components ...
1
vote
2
answers
27
views
ionic controlling height of controller modal
i am using a controller popup launching like this
async openNwInsights(){
const modal = await this.modalCtl.create({
component: ExplainNetworthComponent
})
modal.present();
...
- 1,306
1
vote
2
answers
28
views
Custom Angular Component Not Rendering
I am trying to create a custom reusable component based on material angular.
I have the following code dropdown.component.ts
import {AfterContentInit, Component, ContentChildren, QueryList, ...
- 364
1
vote
1
answer
35
views
Angular 18 input signal instead of @Input
Hi I'm having doubt I'm using input signal instead of @Input I'm sending data from parent component one as simple variable like and another as signal
name = "ajai" name=signal("ajai&...
1
vote
1
answer
47
views
Angular toSignal's read-only result as a writable signal
In my Angular service, I currently have a signal variable loginById$$ initialized from an observable:
public loginById$$: Signal = toSignal(this.getLoginById(), { initialValue: {} as LoginResponse });
...
0
votes
0
answers
24
views
Figure out if history.back() stays within the same angular app
In Angular I would like to see if a history.back() would remain within the same app.
I can manually listen to route changes and keep a stack. Is there any way to get this information directly from the ...
- 675
0
votes
1
answer
57
views
How to resolve "X-Frame-Options: deny" issue during silent token refresh with iframe?
I am using silent refresh to renew the token in my application, which involves loading an iframe pointing to the Identity Server's endpoint. However, when the iframe tries to load the URL https://...
- 9
1
vote
1
answer
55
views
Is there a way to disable a lazy loading in Angular v19 standalone components?
In older versions of Angular, where we used to have module-based applications, it would load a module once and even if you close components that are exported by that module - it wouldn't load that ...
- 25
0
votes
0
answers
39
views
Issue with Crypto Object in Angular
I am using Angular 17. I have deployed my Angular project on IIS. Everything was good till I used MSAL services (Microsoft login) in my project. Then I published it again, and then I faced this error. ...
- 11
1
vote
1
answer
36
views
Angular Routing - Fetch user data on every route change
I'm facing an issue while using Angular Guards to fetch user information from an API. My goal is to always have up-to-date user data in local storage. I want to make sure the latest data is fetched ...
- 199