240 questions
-1
votes
0
answers
52
views
How to update infinite scroll value in Angular 18
I am trying to update the infinitescroll value(this.displayData) after delete the value from this.allData.
But it's not updating the value properly. If I delete one value, all the values are showing ...
-5
votes
1
answer
40
views
Which lifecycle hook method will use to get updated value of totalColor value in angular 18?
I am trying to get the updated array value if user will click on any function from the mentioned 5 functions(fun1,fun2,fun3,fun4,fun5). So, Which lifecycle hook method will use to get updated value of ...
2
votes
1
answer
79
views
How to resolved "Could not resolve 'primeng/resources/primeng.css'" while migrating PrimeNG from v17 to v18
I actually migrated my Angular app from 17 to 18. I use PrimeNG, but I have some errors with the PrimeNG style.
In PrimeNG 18, primeng/resources/primeng.css is not found, so I don't know how I can ...
- 193
1
vote
1
answer
78
views
Module not found: TypeError: Cannot read properties of undefined (reading 'tap'), The loader "./.component.scss" didn't return a string
I recently upgraded a microfrontend project built with Single-SPA and Angular from version 13 to Angular 18. After the migration, I noticed that the styles are completely broken or not loading as ...
- 11
0
votes
1
answer
73
views
Strange behavior in compiled Angular 18 application TypeError: this._serviceXXXXXXXX is not a function
We are facing strange error in our application, some users facing problems with export functionality. Code below is what we have in our codebase:
exportProcess = this.exportProcessSubject.pipe(
...
- 101
0
votes
1
answer
53
views
How to show 10 items on each scroll
Trying to show 10 items on each scroll using ngx-infinite-scroll npm module. But it is not working properly. It initially loads all the data.
I think the for loop is not working properly. How to fix ...
0
votes
1
answer
49
views
How to avoid adding duplicate dynamic components?
I am trying to avoid adding duplicate dynamic component in the angular application. I do not know how to do it. If any one know help to resolve this issue.
home.component.html:
<p>And I'm Lucas ...
- 43
-1
votes
1
answer
83
views
Cannot read properties of undefined (reading 'product') while trying to add items to cart using NGRX in Angular 18-
I am trying to understand implementation of ngRX in Angular18. Trying to build a shopping-cart flow. There's an 'Add To Cart' button with each gadget listed upon clicking which the gadget SHOULD get ...
- 373
-1
votes
1
answer
83
views
Test IntersectionObserver's callback's actual code in an Angular directive
I am facing difficulties reaching the callback of the following IntersectionObserver's callback (which is inside a directive) in angular test code and thus are not being able to fulfill the test ...
- 1,421
1
vote
2
answers
378
views
Angular route parameter input binding on child routes
In my Angular 18 app, I have the following route configuration:
const routes: Routes = [
...,
{
path: 'test/:year/:month',
component: ParentComponent,
children: [
{
path: ...
1
vote
1
answer
88
views
No overload matches this call while calling Angular service method
I am trying to call a method defined in my Angular service in my component.
My Angular service method:
getGadgetDetailById(id: number)
{
return this.gadgets.find(gadget => gadget.id === id);
}
...
- 373
1
vote
2
answers
253
views
Primeng P-tree checkboxes aren't checkable
I have a simple p-tree populated with checkboxes.
I'm able to render it okay - but clicking on the checkboxes doesn't actually make them appear as checked.
Even if I do something as simple as this in ...
- 867
0
votes
0
answers
43
views
Angular 18 - scrolldown trigger for component On View change
I am building a discord-like instant messaging chat app and I am looking for a solution to scroll down to the bottom of a components view in a "channel" component. The component contains ...
- 131
1
vote
2
answers
152
views
@angular/flex-layout not working after upgrading Angular 7 to 18
I upgraded my Angular app from version 7 to 18. After the upgrade, the @angular/flex-layout package stopped working. My app is no longer responsive — all fxLayout, fxFlex, etc., have no effect.
I ...
- 11
0
votes
0
answers
136
views
Angular 18 Microfrontend Project – Slow Rebuilds & Compilation During Development (Shared Library + Shell + Remote)
I'm working on a large-scale Angular 18 microfrontend project composed of three separate repositories, and development performance is becoming a serious bottleneck. While the deployed app runs ...
- 13
1
vote
1
answer
369
views
Angular test case fails with NG0203: inject() must be called from an injection context
I'm testing an Angular 18 standalone component using TestBed and running into this error when the component is initialized during a unit test:
Error: NG0203: inject() must be called from an injection ...
- 13
1
vote
2
answers
90
views
Angular 18 computed not a function
I'm using Angular 18 with signals.
My CalculationService basically calculates a price based on some parameters.
Building with ng serve doesn't throw any errors neither does VSCode, however my browser ...
- 78
1
vote
1
answer
212
views
Using Angular 18, how can I have a Reactive Form with an Array of Text Form Controls?
In my Angular component, I have a Foo with a property bar which is an array of strings.
I want to edit the list of text lines in my form. In my component, I declare
barEditForm = new FormGroup({
...
- 13.5k
3
votes
1
answer
222
views
Angular elements: ng build in Angular 18 with --optimization=true emits broken artifacts
when I try to build the module with the flag --optimization equal to false, then everything works just fine. The compilation finishes without any issues and I can use my web-component as well. Once I ...
0
votes
0
answers
21
views
Content Security Policy is not working Angular project (Hosted in IIS and DotnetcoreAPI as backend) as expected
Our project is developed in Angular and uses .netcoreAPI as backend. We hosted the services (both angular as well as the core API) in IIS. We have configured the security headers inside the web.config ...
0
votes
0
answers
60
views
Error: Cannot resolve type entity i4.TextFieldModule to symbol
I am developing a chat application and had couple of peer dependency issues.
Later that day, I executed npm i --legacy-peer-deps and it removed that error.
But now when I try to build my angular 18 ...
- 39
0
votes
0
answers
257
views
Angular 18 Microfrontend with Native Federation: Slow Build After Small Changes
I am working on an Angular 18 microfrontend setup using Native Federation. I have two Angular applications (App1 and App2) and a locally linked Angular library (my-lib).
The issue: Any small change (...
- 13
0
votes
0
answers
36
views
How to programmatically update position of a node/group?
When trying to redraw, the position of the node/group doesn't update on the jsPlumb 6.81.0.
The event is fired correctly, but the updateNode or Group dooes not do anything on the position.
May I know ...
0
votes
0
answers
55
views
i18n Localization text comment issue after angular upgrade 17 - 18
Upgraded the angular project from 17 to 18. After upgrade the text where I user i18n localization are being comment out on runtime. It works in starting and then all the localization text HTML gets ...
1
vote
0
answers
223
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
17
views
i18n.service file is not loading in angular
I recently upgraded my Angular application from version 17 to version 18, but I am still using NgModules.
Upgrade Process: During the upgrade, I did not encounter any errors, and the application ...
1
vote
1
answer
230
views
Leaflet MarkClusterGroup isn't working Angular 18
When I upgraded my app from NG16 to NG 18 (and typescript 5.4) and to Leaflet 1.9.4 and using Leaftlet.markercluster 1.5.3, the call to L.markerClusterGroup now fails. It compiles fine but when run ...
- 1,200
0
votes
0
answers
33
views
How to run .net 8.0 and angular at the same port?
I have a web application. I'm using Angular 18 and .NET 8.0. I would like to run both at the same port.
package.json:
{
"name": "WebAplication.WebUI",
"version": &...
- 15
1
vote
0
answers
109
views
Migration to Angular 18 and browser-esbuild: TypeError: Failed to fetch dynamically imported module
After migrating to Angular 18 and browser-esbuild (and vite) I installed my app to the testserver.
The app is no longer able to lazy load all submodules. It ends with
After page refresh the lazy ...
- 186
0
votes
0
answers
66
views
ngx-datatable: Extra Space Appears When Resizing the Table (extra space at last of the table)
Click here please for image
[ngStyle]="{'height':gridHeight,'box-shadow': 'none'}" class="material fullscreen stripped"
[columnMode]="ColumnMode.force" [...
1
vote
0
answers
160
views
SpringBootSecurity CSRF token does not work in angular but in postman
I am currently working on the csrf protection inside a SPA application.
Project-Structure (Code-Snippets will be below)
In the backend I have defined a SecurityConfigurator in which I enable CSRF with ...
- 31
1
vote
1
answer
96
views
ng-katex library is compatible with Angular 18?
I have this issue with ng-katex library since I installed Angular 18 on my project.
I'm not able to solve this problem but I need this library for my project.
How to make compatible "ng-katex&...
0
votes
0
answers
61
views
Frozen Columns are not getting printed in PrimeNg 18
I am trying to create a dynamic table using primeng 18 where some columns are scrollable whilst some are frozen. Problem is only scrollable columns are getting printed with the following code. In the ...
- 25
1
vote
1
answer
96
views
APP_INITIALIZER - TypeError: appInits is not a function Angular 18
I have a standalone angular 18 application with bootstraping:
export const appConfig: ApplicationConfig = {
providers: [
provideZoneChangeDetection({ eventCoalescing: true }),
provideRouter(...
- 174
0
votes
0
answers
103
views
Issue with BrowserAuthError: no_account_error in Angular Frontend App Using MSAL
I have a frontend application developed using Angular 18 that interacts with a backend API application developed using .NET 8 APIs. The backend API app is deployed across three different geos: AME, ...
- 8,343
1
vote
0
answers
137
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"]({minVersion:"12.0.0",version:"18.2.13",ngImport:i,type:a,deps:[],...
- 11
0
votes
0
answers
153
views
Angular18 Jest unit test run time more than doubles after updating jest.config.test global{...} to transform{...}
In the package.json, I updated the devDependencies
@angular-builders/jest": "^17.0.0" to "@angular-builders/jest": "^18.0.0" and
"jest-preset-angular": &...
3
votes
1
answer
318
views
How to sync column widths in ag-Grid Master-Detail Nesting
I am working on an Angular18 application that uses ag-Grid with a master-detail nesting to display conversation details grid inside a message thread grid.
I want to achieve the following behaviour:
...
- 111
0
votes
0
answers
121
views
Problem sending cookie from angular frontend to Spring boot backend
I have small project where I want to send a cookie from my angular 18 frontend to my spring boot backend java version 17 in tomcat 10.1.
Regardless if I run tomcat inside of eclipse or as a regular ...
0
votes
0
answers
82
views
How to resolve ERR_NAME_NOT_RESOLVED afer Angular upgrade to version 18
I'm working on a Java 17 web app with Angular 13 front end. Java is running in Docker. I've managed to migrate Angular to version 17 without problems, but after upgrading to version 18 and resolving ...
- 7
2
votes
0
answers
702
views
Angular 18: How can I Dynamically Load Locales
I am trying to dynamically load locales for my angular app so that not all the locales are imported at the same time. In previous versions of Angular, I was able to do this using the import function ...
- 21
2
votes
2
answers
248
views
(Angular 18) Getting "ChunkLoadError" when using signalr with ngx-build plus
Environments
Angular Version: ~18.2.2
Signalr: @microsoft/signalr: "^8.0.7"
Microfrontend Library: @angular-architects/module-federation: 18.0.4
Webpack: 5.94.0
Webpack-cli: ^5.1.4
ngx-...
- 31
-1
votes
1
answer
179
views
Laravel 11 Sanctum Authentification not working with Angular 18
I'm trying to implement Sanctum authentification between laravel 11 and Angular 18 but to no eval, i tried everything i could find on forums , tutorials , chatgpt but nothing worked , this website is ...
0
votes
1
answer
172
views
What class determines the mat-form-field underline color?
In angular material, the mat form field that contains an input element takes a default color and i want to override that color for the text and underline.
I am able to change the text color with the ...
- 65
0
votes
3
answers
177
views
How do I correctly authenticate with firebase for each request
I'm playing around with firestore since I used realtime database in a course I did on angular. I created an angular app, and trying to get some documents based on a document property. However, I get ...
- 1
2
votes
1
answer
1k
views
PrimeNG v18 tabs component
I everyone,
I'm currently migrating from PrimeNG 17 to 18 and noticed that the new Tabs component doesn't seem to provide a onClick or onChange event out of the box. This makes it challenging to ...
0
votes
1
answer
87
views
How to get the child element inside Angular ShadowRoot?
In Angular 18 application, I am trying to load some mermaid content inside a under the ShadowRoot.
The parent component has encapsulation: ViewEncapsulation.ShadowDom,
I am using the below versions
&...
- 7,508
1
vote
1
answer
154
views
Angular 18 app build showing access denied for routes
We have created an angular app in v18 and added some routes in our application. but when we are trying to build of this app using ng build cmd and deploying to S3 bucket its routes are not working and ...
1
vote
1
answer
120
views
External JS file in Angular 18
When using a Leaflet plugin in Angular 18, everything works fine during development (serve time). However, after building the project, the JS file doesn't load, causing an error.
For example, with ...
- 459
1
vote
2
answers
80
views
Cannot get seconds from Timestamp object from Firestore
I am creating a Todo app in Angular using Firestore as my backend. I am really new to Firebase and I am having trouble storing and fetching dates.
When I get the dates from firebase and console.log ...