240 questions
1
vote
1
answer
44
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
48
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 ...
-1
votes
1
answer
78
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
vote
2
answers
323
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
2
answers
208
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
1
vote
2
answers
134
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
1
vote
1
answer
332
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
1
answer
202
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
0
votes
0
answers
16
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
231
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
54
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 ...
0
votes
0
answers
13
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 ...
0
votes
0
answers
32
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
0
votes
0
answers
61
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
1
answer
86
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&...
1
vote
1
answer
93
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
1
vote
0
answers
126
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
3
votes
1
answer
295
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
76
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
2
answers
231
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
0
votes
1
answer
150
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
2
votes
1
answer
954
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 ...
1
vote
1
answer
140
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
2
answers
77
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 ...
0
votes
0
answers
93
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