306,584
questions
1
vote
1
answer
22
views
How can I have responsive UI classes powered by angular signals which auto-adjust based on the resize event of the viewport?
//Approach 1:
dynamicWidthClass = computed(()=>{
if (window.innerWidth > 992 && window.innerWidth <= 1284) {
return "pl-25";
} else if (window.innerWidth &...
- 81
0
votes
0
answers
7
views
Angular 11 Build Fails With No Change on Heroku Dev Build
I have an angular 11 and nodejs app that is running on heroku. The application was working and building perfectly fine, then recently since about a week ago, the build keeps failing on the heroku dev ...
0
votes
0
answers
18
views
Angular connects styles using a non-existent URL
I have an application with angular and nx stack.
The problem is that when I enter the URL consisting of several parts in the address bar, for example localhost:4200/app/user or localhost:4200/restore/...
- 21
0
votes
0
answers
16
views
Angular 18 Installing json-server have this error File db.json not found
I am doing an Dummy Angular 18 Application. I am using Visual Code, and Node version v20.18.0
I am trying to install Json Server, so first I run the command npm install json-server
In package.json ...
- 2,314
0
votes
0
answers
14
views
Cypress Component Test Fails with 'Cannot read properties of undefined (reading 'EventService')
I'm encountering an issue with Cypress v13.6.5 component tests in my Angular 17 application. Tests that previously passed are now failing with the following error:
The following error originated from ...
- 2,291
1
vote
0
answers
29
views
How Do I Provision Multiple Firestore Projects in as Services in Angular 18 using Standalone Components?
I am trying to provision multiple Angularfire Firestore projects as injectable services for my Angular 18 project. Here is my approach:
main.ts
bootstrapApplication(AppComponent, {
providers: [
...
- 670
0
votes
0
answers
18
views
This error has been happening since I installed version 17.0.0 of Angular CLI "Error: The service was stopped: spawn C:
This error started when I installed Angular CLI 17, the ng serve command runs the program, but when I click to open the page in the browser this error appears in the terminal
- 33
0
votes
1
answer
24
views
ng build --configuration production causes This call to "require" will not be bundled because the argument is not a string literal
After doing some research, I still can't find a fix to my issue. After updating npm, angular, node(because I saw https://github.com/angular/angular-cli/issues/27674) and increasing maximumError budget(...
- 545
0
votes
0
answers
32
views
Unable to open a modal from within my teams application
I am create a teams application and is built using angular using the MDBootstrap packages. The application itself is hosted using AWS cloudfront.
Now the issue I am having is when I open a modal from ...
- 675
1
vote
1
answer
24
views
NullInjectError in HomeComponent
I'm getting this error when starting the HomeComponent. The configuration is specified inside the environment file and is correct. Could I be injecting something incorrectly? Do I need to inject ...
- 17
0
votes
0
answers
17
views
Different versions of global Angular CLI and project version
I have angular CLI 17.0.0 installed globally on my machine and I am creating projects from it, but the projects created when I run the ng version command in their directory, the project's angular CLI ...
- 33
1
vote
0
answers
8
views
Angular Global CLI not updating
I am trying to update my global Angular CLI version but I can see the previous version always showing.
What I am doing for that:
Uninstall the global angular version (sudo npm uninstall -g angular-...
- 179
0
votes
0
answers
12
views
Abp generate-proxy -t ng skips api version 2 and always generate version 1
I am using ABP with Angular and have an API that supports multiple versions. Both versions (v1 and v2) show up correctly in Swagger, but when I run abp generate-proxy -t ng, only the endpoints for ...
- 33
1
vote
1
answer
38
views
Trigger Service With A Delay
Currently I am using Lodash decorator to delay a service call on drop down value change. In the select tag, I did something as follows:
(onSelectionChange)="logUserSearchData()"
In the ...
- 1,129
0
votes
1
answer
36
views
Open product detail in a new tab with right-click option
I'm trying to implement a card component in Angular that shows product
information. When I right-click on a card, I want to see the option to
open the detail page in a new tab. However, currently, ...
0
votes
0
answers
9
views
VsCode Karma DEBUG RUNNER freezes if there's a breakpoint
This problem only just started recently, and I work on a shared project so I'm not sure what might have happened that could have caused this.
However when unit testing our angular project, I can run ...
-1
votes
0
answers
20
views
How to center elements of angular material grid list
I already searched on this topic and found this however this doesn't seem to work.
What I am trying to achieve is to center the elements of each row if there are less elements than the row allows e.g. ...
- 1
0
votes
0
answers
30
views
JWT Token io.jsonwebtoken.ExpiredJwtException: JWT expired
I have a Spring Boot (with Angular) application.
My application works fine locally, but when I Dockerize my application an error throws when I have to register new user:token expired.
The question ...
0
votes
0
answers
17
views
p-dropdown Stopped Working After Upgrading From primeng 9 to primeng 10
I have a 3 p-dropdown components that are shown or hidden based on what tab the user is on in a modal. When the component loads, 3 api calls are made to the 3 endpoints that supply the entries for the ...
- 3
1
vote
1
answer
21
views
effect doesn't work with Angular v18 and ngRx
I am using Angular 18 and ngRx.
I wrote a following effect:
import {Injectable} from '@angular/core';
import {Actions, createEffect, ofType} from '@ngrx/effects';
import * as PostsActions from '../...
- 157
0
votes
2
answers
23
views
Set default selected font size in Quill editor
I'm trying to programmatically set the default font size for different Quill rte's on a page in my application, but each approach seems more and more of a hacky workaround than something that would ...
- 307
1
vote
1
answer
17
views
Angular / Jasmine Error Messages are not the same--Quoted?
I am trying to run a test using Angular/Jasmine.
Here is my function:
ValidateX(value : number) {
if (value > 5) {
throw new Error('Number is greater than 5');
}
} ...
- 61
2
votes
1
answer
26
views
Can't figure out why some styles are missing in @Angular/Material datepicker
We have a web app that we're updating from Angular v16 to v18. 99% of stuff looks good and works just fine, but I have one issue I just can't figure out, and that is that the styles for the date ...
- 1,088
3
votes
2
answers
33
views
keycloak-angular 26 is unable to find keycloak-js
In our Angular 18 application we are switching from Keycloak version 25 to 26. This combination of library versions in our package.json was running fine:
{
...
"keycloak-angular": &...
- 358
1
vote
0
answers
29
views
Google OAuth login not working on web app with C# backend and Angular frontend
I have a pretty standard C# web app. Everything in the backend seems to be working, as I've tested it multiple times. Now, I'm trying to add a frontend UI to it using the Angular framework.
I have ...
- 13
-3
votes
1
answer
42
views
Why is typescript declaring my parameter as undefined? [closed]
In the following function I am trying to call the ProductServices's getSelectProduct method.
private getSelectedProduct = () => {
const productId = this.activatedRoute.snapshot.paramMap.get('...
- 2,140
1
vote
2
answers
38
views
How can I dynamically add wrapper to an Angular component?
In my project I have wrapper classes that are reused often and some contain the 'gap' css property. Now I have a component that loads data asynchronously and that component is hidden if the returned ...
- 69
0
votes
0
answers
16
views
Ionic NGRX Signal Store auth not triggered after relogin
I have an issue with my Angular 18 and Ionic 7 application, which uses NGRX Signal Store. During logout, I'm able to clear the localStorage and set the isAuthenticated and token states to false and ...
- 1
0
votes
0
answers
7
views
Migrating from cron-editor to ngx-cron-editor
Migrated my application to angular 18, when i checked the cron editor page it's not showing the cron editor. Am using cron-editor and it's last release was 5 years ago. So i planned to move to ngx-...
0
votes
1
answer
16
views
I am using cdk virtual scroll appendOnly mode, but its jerking on scroll
I am using cdk virtual scroll appendOnly mode with angular 13, but its jerking on scroll.
<cdk-virtual-scroll-viewport appendOnly
class="container-fluid table-grid h-100 ...
- 87
0
votes
0
answers
23
views
Webpack Module Federation: How does initial consume will work inside ConsumeSharedRuntime module?
I'm working with Webpack's Module Federation and trying to understand how the initial consumption behaves within the ConsumeSharedRuntime module. Specifically, I want to know how shared dependencies ...
1
vote
1
answer
29
views
Can't bind observable to mat chips autocomplete
I have a search engine and I need to register observable and gets dropdown autocomplete suggestion but even if observable is triggered which I can see inside tap I can't seem to make the list load ...
- 101
1
vote
1
answer
28
views
How can i clear api's response cache after logout while using angular service worker?
I cache api's responses by using angular generated service worker , now i want to clear these caches after user decide to logout for this i made new custom service worker file which listens to ...
- 724
0
votes
0
answers
20
views
Move ChartJS charts to original position when window maximized
I have a page with multiple charts using ChartJS, each contained in its own div like so:
<div class="formgrid grid gap-2">
...
- 81
1
vote
1
answer
28
views
How do I test ngOnInit in Angular?
I'm using Angular and Jasmine. I've coded an edit form for an entity called a trainer. My ngOnInit function grabs the trainer id from the url and then makes a service call to grab the trainer from the ...
- 11
1
vote
1
answer
17
views
PrimeNg Tooltip disappearing on mobile and tablet when touch released even with life set or hidedelay set
I'm configuring a tooltip for a custom button and assigning a method to a (touchstart) event, because hover event for primeng tooltip is not working in tablet or mobiles.
This is the code for the ...
-4
votes
0
answers
34
views
Error while run the project, error are mentioned in image [closed]
enter image description here
enter image description here
I am buid one project using angular and i made backend using .net. Firstly i am start the server then
i am go for run the angular project. In ...
0
votes
2
answers
25
views
I have upgraded the Angular Version 8,9,10 up to 16. Getting this error NG8001: 'mat-icon' is not a known element
I Have upgraded the Angular version 8,9,10 up to 16. On the Angular 16 facing the below issue. I have imported the all the material modules in the module file. then also it's giving the error.
In ...
0
votes
0
answers
13
views
How to Manage Cache and Improve Performance When Switching from Ionic Angular to React Native?"
"I developed an APK using Ionic Angular and built it using Android Studio, but the app accumulates a large amount of cache, which causes performance issues and slows it down. If I switch to React ...
0
votes
1
answer
16
views
Translate dynamic values in angular?
I would like to know if it is possible to translate dynamic values in angular. So for example there is a field to create a new post. You enter the posts name. Now you entered it in your language but ...
1
vote
1
answer
26
views
Three Js when rotation and Scalling then mesh object psotion changes
When I object rotation or Scalling with that control then why its change's position also, See below Video
https://drive.google.com/file/d/1SZ26GRon5ko8cHAG8taeeN6pP8i0xb1Z/view
I want to below video ...
- 25
0
votes
0
answers
16
views
how to add meta tags for SEO on each page or URL in angular? [duplicate]
I notice some online shopping website and other website have meta tags for every items that I google. And the meta tags change for every page or url I visit in the web site.
How do I do that in ...
- 79
1
vote
1
answer
22
views
How can i prevent from Login component render when Firebase Authentication hasn't yet determined
The login component flashes even if the user is authenticated. I believe it is due to the initial state of the user$ observable from Firebase Auth.
When my application first loads, Firebase ...
1
vote
2
answers
47
views
Using fresh cookies from catch Error in HttpIntercopterFn
I have created an interceptor to ensure that every request sends HttpOnly JWT/refresh tokens. I am attempting to refresh my short-lived JWT by catching a 401 error and asking the server for a refresh. ...
- 63
0
votes
1
answer
15
views
Angular i18n: icons within text
What is the correct way to deal with texts that contain icons (or other arbitrary HTML that must not be translated) in Angular i18n? E.g.:
Allow alert <mat-icon>toggle_on</mat-icon> to ...
- 2,238
1
vote
1
answer
22
views
Swiper and Material Grid List in Angular 17
I followed this approach to use swiper elements in my angular 17 ssr project. If I use swiper inside material GridList then the view is not rendered properly. Are there any rendering timing issues? ...
- 597
2
votes
2
answers
34
views
Is it possible to send an array of FormData objects in an httpClient.post?
I have an Angular frontend app with a Java backend in which the user select a document and then saves it.
To do this, I've been sending a FormData object from the frontend to the backend with no ...
- 683
0
votes
0
answers
46
views
Cookies not being sent over cross origin, locally everything works
I have a Angular application as the frontend and a NestJS app as my API.I'm using Supabase and @supabase/ssr to handle the auth flow. The auth flow is the following:
I sign the user in via the ...
- 23
0
votes
3
answers
54
views
Angular effect() does not redirect to the home page after logout and re-login
I'm using ngrx signal store, and I have a login method that updates my state with isAuthenticated: true and token: token. It also stores the token in localStorage. I have a withComputed((store) => (...
- 1
1
vote
0
answers
17
views
Open Angular component in new window with Electron
I'm working on an Angular app (version 18). I'm packing it with Electron and I need to open an app component in a new window.
This is my main.js file:
const { app, BrowserWindow, ipcMain } = require('...
- 439