307,116 questions
0
votes
0
answers
12
views
I have an error in the web page, but it works in postman
I want to make a login page, but I keep having problems. If I enter my email and password in the post, it shows my username in json format. So I think the problem is from Angular,not from java
i have ...
- 11
1
vote
1
answer
10
views
Ag Grid v 32 showLoadingOverlay() alternative
In an Angular project from I am updating Ag grid version from 31.3.1 to 32-lts. And to do this I have run command "$ npx u/ag-grid-devtools/cli@^32.2 migrate --from=31.3.1" While executing ...
- 534
1
vote
1
answer
13
views
Angular: Having an array of extended objects - how to correctly use types?
I have a base class with multiple extensions looking like this:
export interface ProjectOnePagerDTO {
Widgets: IOnePagerWidget[];
Id: string;
}
export interface IOnePagerWidget extends ...
- 316
1
vote
1
answer
18
views
Render Nested objects value in html using Angular ngFor directive
I have an Object with nested object. I am trying to display in html using ngFor directive of Angular. But I got the result as multiple time.
Below my object
productlists = [
{
productname: '...
- 171
1
vote
1
answer
21
views
Jasmine spyOn service dependency
I am having difficulty understanding jasmine spies for services with dependencies injected in constructor
I have an Account service with Constructor
constructor(private readonly api: ApiService,...
- 141
0
votes
0
answers
21
views
Primeflex styles not working in Angular 19
I have an application in angular 19, I added the PrimeNG and Primeflex package and now I have a problem that the styles from primeflex do not work at all, e.g. I have this code:
<div class="...
- 1,226
0
votes
1
answer
20
views
Angular dynamically set Button Icon iconPositionEnd
I cannot allign the icon position in a button to the end/start dynamically e.g. with Angular MatIcon attribute iconPositionEnd.
I created a Button component with the @Input() customIconPos:boolean = ...
- 13
1
vote
1
answer
20
views
How to use useFactory with deps in the new provideAppInitializer?
I had the following code where I want the storage to init first, then the session, and then you shall enter the app.
export function initApp(
storage: StorageService,
session: SessionService,
) {
...
- 8,531
0
votes
0
answers
17
views
Handling Privacy Manifest Requirements with Outdated Firebase and Angular Version
I’ve been caught off guard by the new privacy manifest requirements, which are asking for 11 declarations—mostly related to Firebase.
Obviously missed the memo, I don't remember any communication from ...
- 4,871
0
votes
0
answers
17
views
why is autofill causing swiperjs slides to advance?
I am having an issue using swiper in Angular. When I use autofill for my reactive form, it slides forward 4 slides.
Right now I'm initializing the swiper element in ngAfterViewInit() and I tried to ...
- 1
0
votes
1
answer
21
views
Angular Material 19 styling toolbar not working
I am trying to understand how the component overrides are working and I am more of an angular beginner. In the following code which I mostly took over from this repo repo, I am trying to change the ...
- 443
1
vote
1
answer
22
views
P-Dialog content is getting cut when zooming in
I added a PrimeNG dialog with an image inside. I want to zoom in and out of the image using the scroll. It seems like the p-dialog has the overflow property set to auto, but my content keeps getting ...
- 31
0
votes
1
answer
49
views
html response instead json
I have this error:
login.component.ts:27 ERROR
HttpErrorResponse {headers: _HttpHeaders, status: 200, statusText: 'OK', url: 'http://localhost:4200/authenticate', ok: false, …}
Zone - XMLHttpRequest....
- 11
0
votes
0
answers
20
views
Unable to proxy to angular app through nginx as reverse proxy
Trying to reverse proxy with nginx.
I have a server which is hosting docker containers. One of them is hosting an Angular app (http).
I setup my router to port forward to the host. The hosts forwards ...
- 14.9k
-3
votes
1
answer
62
views
How to Hide my Angular app network activity [closed]
In my Angular app all the network activity is shown in the f12 devtools. It's obviously a big security issue because everyone can see your API and requests and responses. Is there a way to hide it?
- 4,121
0
votes
0
answers
23
views
Remove Code Blocks from TypeScript and HTML Files Using Custom Angular Builder In Angular 16 [closed]
I'm developing a custom Angular builder to remove specific code blocks from both TypeScript and HTML files during the build process. While the TypeScript processing works correctly, I'm unable to get ...
2
votes
1
answer
21
views
Stop flickering of menu when is logged in
Using Angular 19 and angular-auth-oidc-client I have the HomeComponent code:
export class HomeComponent implements OnInit {
private readonly oidcSecurityService = inject(OidcSecurityService);
...
- 39.4k
1
vote
2
answers
24
views
Angular input signal with function type
I have an old @Input that passes a callback function from the parent component, which I'd like to convert to an input signal.
Using the old decorator input, I can call the passed-in function simply by ...
- 404
0
votes
1
answer
46
views
'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check:
I have a project in java,angular with mysql database.
I followed a tutorial to make the login page. I did exactly as there but it doesn't work for me. The login page is at /api/authenticate. At /api/...
- 11
0
votes
1
answer
22
views
Cookies not sent in server request of Angular SSR (v18)
I'm here because I'm frustrated and stuck. I have tried different possible solutions but I can't find my mistake...
I'm using native server side rendering of angular (not Angular Material).
The ...
0
votes
0
answers
11
views
Value of mat-select field invisible when using mat-autocomplete in the same component
I am using Angular 19 with Angular Material. I have six mat-form-fields which each containing a mat-select. I am setting a deafult value for those fields via their form control's setValue option. ...
- 1
0
votes
0
answers
11
views
Material angular autocomplete: how to prevent the mat-options from closing after selecting an option?
I am trying to prevent the mat-options panel from closing. I am using the mat-autocomplete and you can select multiple options, here is my code:
<mat-form-field *ngIf="filter.type === '...
0
votes
0
answers
6
views
Mat Table with reordering Columns (cdkDrag) not working with sticky header row
I made a mat table with column reordering and it works partially correct.
The only issue I got is that when I have a sticky header row and the table body is scrolled and then I want to reorder the ...
- 1
1
vote
0
answers
5
views
primeNg multiselect should not disable options if selection limit is reached
I'm using primeNg multiselect in Angular Project
If I have a dropdown of items and I set selection limit to 1, all items get disabled if the user selects an item of the dropdown.
But if the user wants ...
1
vote
0
answers
23
views
Angular 19 not adding all the injectables on source map
We are working on Ionic app and recently moved to Angular 19 from 18, the migration was smooth however we have an issue with source tree that we use for debugging purposes. Some of the @Injectable ...
- 121
0
votes
0
answers
12
views
Hosting Angular i18n Application
I am currently trying to host an Angular 19 application with i18n support on Vercel. When building an app with the different localizations, the build files are located under:
app/project-name/browser/...
- 23
1
vote
1
answer
21
views
Update kendo angular grid selected rows by (selectionChange) using custom service
I have a kendo-grid with a (selectionChange) attribute where I get my selection using a custom selectionService.ts:
(selectionChange)="selectionService.onSelectionChange($event)"
My ...
- 584
1
vote
1
answer
36
views
On mat-select value change, want to pass some flag to another column or want to add custom content next column of same row using angular
On mat-select value change, want to pass some flag to another column or want to add custom content next column of same row using angular.
<mat-select style="min-width: ...
- 31
-1
votes
0
answers
15
views
hybrid angular app (angular 18 with angular JS), lazy loading module not working when page is refreshed
I'm having a problem in my hybrid angular application, when starting the application on an angular 2+ page, the angular js pages don't load, it only works if I refresh within an angular js page, then ...
- 97
0
votes
0
answers
13
views
Angular 17 esbuild: Code Masked but Not Minified in Production/Sandbox
I recently migrated my Angular 17 project from Webpack to esbuild as the build tool. Since this change, I've encountered an issue with my production and sandbox builds. While the code appears masked (...
- 153
1
vote
0
answers
13
views
JIT compilation failed for injectable class. angular 18 and webpack 5
bootstrap:19 JIT compilation failed for injectable class a{static{this.ɵfac=i"ɵɵngDeclareFactory"}static{this.ɵprov=i["ɵɵngDeclareInjectable"]({minV…
s @ bootstrap:19
s @...
- 11
0
votes
0
answers
10
views
Can't access to backend from frontend in docker [duplicate]
I have dockerfile for frontend Angular
FROM node:latest AS build
WORKDIR /usr/local/app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
FROM nginx:latest
COPY nginx.conf /etc/nginx/...
- 15
1
vote
0
answers
17
views
Angular to load js file with loader 'file'
Angular when used with esbuild supports specifying loaders via import attributes. For example something like this:
import userImageURL from 'user.svg' with { loader: 'file' };
This works because of ...
- 4,253
0
votes
1
answer
21
views
ngx-chess-board' is not a known element: [closed]
<ngx-chess-board #board (moveChange)="onMove($event)"> says is unknow but i know i have decleared it too
ngx-chess-board' is not a known element: 1. If 'ngx-chess-board' is an Angular ...
- 19
2
votes
1
answer
27
views
How to make a computed Signal react to both an @Input Signal and an NGXS lazy selector?
I'm working with Angular signals and NGXS state management, and I'm trying to create a computed signal that updates both when my input signal changes and when the store updates.
I have a lazy selector:...
- 12.4k
-2
votes
0
answers
25
views
Slider handle does not change when min/max is changed [closed]
When changing the min or max value of an slider, the handle does not get rerendered or moved accordingly to the new values. So when I drag the handle a little bit, the value jumps.
This seems to be ...
0
votes
0
answers
19
views
ERR_CERT_AUTHORITY_INVALID
I am running a Nodejs server on port 6200 and have created a key and cert pair to encrypt communication between my nodejs (backEnd) and Angular (frontend). However i am getting the error above when i ...
0
votes
0
answers
9
views
in kendo ui select the file and drage and drop file load the data in spredsheet
i want to implement this design using kendo ui but when i am select the file than it is direct upload to the server also when i am write autoupload false than it is only show than which file i am ...
- 71
0
votes
0
answers
33
views
Angular library functionality works with server-side-rendering (SSR) but not in client-only Project
I've been working with an Angular project where I'm using a internal library "frontend.kit-npm" for styling and functionality. It comes as a local .tgz file which is installed via npm. My ...
- 1
0
votes
0
answers
28
views
Cookies in not set in the Header when make an api call
i know this question is asked many time but still the answer of this question is not
working for me this is my language service file when i am post request for login than it is work for me that ...
- 71
0
votes
1
answer
31
views
How to add data-cy identifier to p-tabPanel header in Angular?
I want to add the data-cy="network_timeserver_tab" to the p-tabPanel, so that i can check the text of the header. But if i insert the identifier it doesn't do anything.
my component.html ...
- 1
1
vote
0
answers
18
views
Angular 15 | making changes in anglar project leads to path error unless build again angular 15
when i make Changes to UI
and hit ctrl+S to save the file
The angular projects to reload the project
and end up getting path error
../client.module.ts:10:37
10 import { BulkUploadComponent } from '...
0
votes
0
answers
29
views
Can rxMethod() and rxResource be used together?
Is it possible for RxMethod() inside a store, to trigger RxResource(), or RxMethod() should only be used with Observables?
0
votes
1
answer
44
views
How to change date format in date filter?
In my Angular frontend I am using agDateColumnFilter for Date filter. When I change the user locale my code logic translates the column value in respective locale's date format, but the date format of ...
1
vote
2
answers
25
views
Angular does not load my html form but doesn't throw an error either
I'm following a course on Udemy and I'm trying my best but this is a problem I can't fix on my own.
this is my auth.component.html that i would like to load
<form [formGroup]="authForm" (...
1
vote
1
answer
21
views
what triggers change detection when using OnPush and setInterval outside angular zone with markForCheck?
I couldn't really understand what is causing change detection to run in the below code. I understand that markForCheck doesn't do it but something must do it because the view is updated if you play it ...
- 11
0
votes
0
answers
18
views
How do i fix this displaying problem with my angular app
When i type ng serve and go to the page it starts to load and after a while i get this error:
TypeError [ERR_INVALID_ARG_TYPE]: The "str" argument must be of type string. Received undefined
...
0
votes
0
answers
11
views
Custom procotol in Electron to replace file protocol for Angular app in production
I've created an Angular app in Electron and everything has been working great until now. For security reasons, I've disabled the Electron fuse grantFileProtocolExtraPrivileges which means I can no ...
- 402
-1
votes
1
answer
23
views
I have problem in RX js observable, where I am not able to get the desired output from combineLatest operator
Below observable does not give the right results
customerWithProjects$ = combineLatest([this.customers$, this.projects$]).pipe(
map(([customers, projects]) => {
return projects.map((...
- 3
1
vote
1
answer
42
views
Angular 10 Requires Refresh After Navigation
This is an angular 10 project.
So I have a data tab and a music tab. The data tab will work fine when the page loads. If I try to navigate to the music tab and then back to the data tab a refresh is ...
- 475