Skip to main content
Filter by
Sorted by
Tagged with
1 vote
0 answers
23 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: '...
Ankur Singh's user avatar
1 vote
1 answer
32 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&...
Ajai Ramalingam's user avatar
1 vote
0 answers
18 views

How to import the style file of primeng v18 version? The file was not found

How to import the style file of primeng v18 version? The file was not found. Angular v18 can use primeng v18 and correctly import style files enter image description here app global setting has added,...
user23946749's user avatar
1 vote
2 answers
46 views

Can we use <mat-error></mat-error> inside a *For* loop in Angular

I have created a common component. I am stuck in a problem where I am using angular material and using mat-form-field. I am using @if in angular 18 to check for a condition then mat-error is working ...
Tirth shah's user avatar
1 vote
1 answer
26 views

multiselect chips with custom label chips

<p-multiSelect [options]="employees" [(ngModel)]="selectedEmployees[question.id]" [optionValue]="'nip'" [optionLabel]="'label'" ...
MAY's user avatar
  • 21
2 votes
2 answers
28 views

How to Create valuechange detection of the formcontrol which is inside the form array of the another form group in angular 18

I have a form with a FormArray that dynamically adds rows with multiple fields, including unit, quantity, and remarks. Here’s a snippet of my template where I loop through the unitDetails FormArray: &...
ARUN PRAGASH's user avatar
1 vote
1 answer
57 views

How to Use window, document, location in angular SSR application

I have just created a simple Angular SSR application using Angular CLI: 18.2.12. I am not using ngExpressEngine, but I am using @angular/platform-server The application works fine with npm run build:...
Kishan Bhola's user avatar
0 votes
0 answers
20 views

Mac Safari Class not affect on the DOM

Please check below my code first <div [ngClass]="{'no-height': noTemplateFound}" class="masonry-container-wrap w-100 d-block grid" id="search-grid" appPinGrid ...
yash chapani's user avatar
0 votes
0 answers
12 views

Get injected attribute directive from another directive

I've have two nested custom directives on third-party components. I can't find a way to inject or access the actual directive (with custom functions/logic) instead of the base component. Here is a ...
adrianjgp's user avatar
0 votes
0 answers
31 views

Unable to use angular 18 on Tomcat 10

I have created a rewirte.config and changed the settings.xml as described in all the tutorials and no 404 occurs when I open a page. So I think those two are fine and there's a problem with what I did ...
PinkPanther's user avatar
1 vote
1 answer
74 views

TemplateRef in Angular 18 missing context

What am I missing here? The template seems to render but the context is empty, resulting in just an empty button being displayed. Written with Angular 18. import { AfterViewInit, Component, ElementRef,...
Aaron R's user avatar
  • 21
0 votes
1 answer
36 views

Binding data from database to a dropdownlist in Angular 17 and .NetCore 8 not working

I am trying to bind data fetched from database to a dropdownlist upon loading a certain component/page in a nG17 app. The backend API is written in .NetCore 8. I have done the relevant pieces of code ...
Prabir Choudhury's user avatar
2 votes
2 answers
115 views

While adding @angular/material module to the angular application it is giving error

I am developing a no standalone angular app with the command --no-standalone but when I'm trying to add @angular/material, it throws the following error: Cannot find module '..\node_modules\@...
Aditya Parida's user avatar
1 vote
0 answers
62 views

Angular 18 Missing "./compat/firestore/" specifier in "@angular/fire" package

I recently upgraded my Angular project from version 13 to 18, but I'm encountering an issue when running ng serve. The error message states: 'Missing "./compat/firestore/" specifier in "...
comeacross comeacross's user avatar
3 votes
0 answers
57 views

how to translate routes on angular 18 with built-in i18n

I'm building an Angular 18 application and need to implement routing with language-specific paths. I want to use Angular's built-in i18n (internationalization) features to translate route paths based ...
Gladitor's user avatar
  • 124
1 vote
0 answers
21 views

router-outlet Cannot read properties of null angular 18

after updating angular 17 to 18, appeared in the console log 'router-outlet' is not a known element. I have updated the Angular version from version 12 and I have never had problems app.components.ts ...
Felipe andres Bustos Sepulveda's user avatar
1 vote
1 answer
61 views

PrimeNG V18 Virtual Scroller with Angular 18 @if syntax

I have been using @for to loop through my dataset and display the same structure of elements over and over, but the dataset has grown quite large so I've been trying to implement the VirtualScroller ...
CStreet's user avatar
  • 383
1 vote
1 answer
74 views

Angular 18 component does not work as expected with blobs

I have an angular 18 project which pulls the image data from an API to dispaly's it on screen. Can someone help me understand this behaviour? The app throws an exception 'document is not defined' with ...
Bijaya Rai's user avatar
1 vote
0 answers
19 views

actions$ not injected in constructor of effect [duplicate]

I use NGRX 18 and Angular 18, I am trying to inject actions$ into my effect via constructor, but this doesn't work import { inject, Injectable } from "@angular/core"; import { Actions, ...
Simone Buscaino's user avatar
2 votes
1 answer
94 views

Angular 18 MatDialog panelClass styles not applying after upgrade from Angular 14

I am upgrading my Angular project from version 14 to 18 and encountered an issue with the styles of my dialog boxes using Angular Material's MatDialog. The styles defined for the dialog in my styles....
Hamid's user avatar
  • 93
1 vote
1 answer
100 views

How do I use Reactive Forms in Angular 18 without NgModules

I am building a new app using Angular 18. > ng version ... Angular CLI: 18.2.12 ... It is a standalone app (with routing), no NgModules and no app.modules.ts file. I want to use Reactive Forms. In ...
Vihung's user avatar
  • 13.4k
4 votes
2 answers
455 views

How to get rid of "Imports array contains unused imports(-998113)"

Ever since I've upgraded my app to the latest version of Angular (18.2.0), I'm getting this warning message in many of the components: Imports array contains unused imports(-998113) Now, I ...
TheCuBeMan's user avatar
  • 2,403
1 vote
1 answer
144 views

How to Reset the Value of an Angular Signal to Its Default Value?

I'm working on an Angular application that utilizes the @angular/core signal feature. I have a signal that initially holds a default value, but its value changes based on user actions throughout the ...
Hansana Prabath's user avatar
0 votes
1 answer
52 views

how do i add background image to my angular 18 project?

I'm working on an Angular 18 project, and I need to set a background image for my application. However, I'm not sure how to properly reference and display the image in the app. I've tried a few ...
Vaibhav Singh's user avatar
1 vote
1 answer
37 views

Signal will not updated in differ <div> node in same html

I have a simple code in Angular 18 as to understand the change mechanismus: By the timeintervall the signal A() value will changed and triggert the computed W. The W reference will be pass to signal E....
Juergen's user avatar
  • 35
0 votes
0 answers
42 views

ngx-toastr do not disappear. Angular18

I have following problem. I'm using Angular 18 and ngx-toastr 19.0.0. When I try to use notification in ngOnInit (with 5 sec deley) result is so: 1- notification is rendered immediately 2- after 5 sec ...
Zantor's user avatar
  • 11
1 vote
0 answers
85 views

CSP Nonces in Angular 18 and .NET 8 on IIS v. 10 gets net::ERR_HTTP2_PROTOCOL_ERROR 200 (OK)

I have an Angular 18 app with .NET 8 running on IIS that is hosted in AWS. The IIS is Version 10.0.17763.1 and the server hosting it is Windows Server 2019, Version 1809. I have implemented Nonces for ...
JackDogStar's user avatar
0 votes
0 answers
19 views

Angular material 18.2 table expand row with same column as parent and also first and last column should be sticky

I need table expand row with same column as parent and also first and last column should be sticky in angular material project. Multiple child row open as per parent column width and also first and ...
Prajesh Kapadiya's user avatar
0 votes
0 answers
69 views

No loader is configured for ".node" files: node_modules/canvas/build/Release/canvas.node

I am encountering an error when attempting to use Canvas in a newly created Angular project with version 18.x.x. I would appreciate any guidance on resolving this issue. The error details are as ...
Anish Sharma's user avatar
1 vote
1 answer
76 views

Angular18 client request giving HttpErrorResponse instead of hitting API endpoint after form submission -

I am writing an ASP.NET Core 8 Web API and Angular 18 fullstack app. Currently working on a testing whether my requests from client app are hitting the backend API endpoints or not. I have a ...
Prabir Choudhury's user avatar
0 votes
1 answer
96 views

Animation problems with Flowbite and PrimeNG in Angular 18

I'm developing an Angular 18 zoneless app with Flowbite as primary component library but I had to install PrimeNG too because I needed the <p-multiSelect> for my form. The thing is, when I added ...
Óscar73's user avatar
0 votes
0 answers
17 views

How do you access Azure App Service environment variables App Settings in Angular app?

Since you cannot access App Settings in Angular client app without using an API or an Azure Function or node.js server, are you making use of the Azure App Configuration service to centrally manage ...
Malu's user avatar
  • 13
1 vote
1 answer
203 views

How to use @for with NgClass in angular 18

I have the following HTML structure in my template: <tbody> @for(element of elements.value; track $index; let idx = $index, let isEven = $even){ <tr *ngClass="isEven ? 'some ...
Marlon Alejandro Espinosa Cast's user avatar
0 votes
1 answer
46 views

Bootstrap not loading

I has downloaded bootstrap and put it in angular.json and in head tag, but it load only in home page and when i refresh the page, but i need that it load when i go to product/:id route, angular.json: &...
Emanuel Borges Albano's user avatar
1 vote
1 answer
43 views

Angular 4 to 18 Migration - Bootstrap error: RangeError: Maximum call stack size exceeded

Issue I'm updating an application from Angular 4 to Angular 18 with Django as the backend. When i build the application it gives a infinity loop with the app.component.ts. Added some debuggers and it ...
Gibosky's user avatar
  • 13
0 votes
0 answers
33 views

click event in angular 18 doesn't work in mobile devices

I have a problem on a reservation website. On desktop devices, such as desktops, laptops, and even mobile devices in "desktop mode," users can select their seats, which automatically changes ...
David Molina's user avatar
0 votes
1 answer
84 views

Angular component rendered two times

I create an Angular 18 client with a spring-boot backend and a Keycloak-angular 16.0.1 auth middleware. The problem is I get the content of app.component.html rendered 2x after I logged in and open ...
Papp Zoltán's user avatar
0 votes
1 answer
180 views

Track by multiple parameters with @for in Angular 18

Angular introduced a new notation for for loops with @for(x of y; track x). I am looping through a list of objects that will have some properties modified over time. I want to track those properties. ...
Leogout's user avatar
  • 1,225
1 vote
1 answer
29 views

Why does `expect` on a `navigateByUrl` spy require the use of a RegEx matcher?

This works: const routerSpy = spyOn(TestBed.inject(Router), 'navigateByUrl'); const thing = fixture.debugElement.query(By.css('.list .list-group-item')); expect(thing).not.toBeNull(); thing....
Derek White's user avatar
2 votes
1 answer
711 views

ng2-pdf-viewer with Angular 18

I've tried to display a PDF in my angular 18 app, but I get a weird behavior. I've used https://www.npmjs.com/package/ng2-pdf-viewer and called the module in my standalone component. My ts file import ...
SyyKee's user avatar
  • 59
1 vote
2 answers
61 views

How Can I Get the Value of a Route Parameter?

I'm working in Angular 18. In my app.routes.ts file, I have the below: import { Routes } from '@angular/router'; import { ShowComponent } from './components/show/show.component'; export const routes: ...
Duplosion's user avatar
  • 269
2 votes
1 answer
188 views

After updating to Angular 18 and Material, the method for applying CSS has changed

I created a custom component by extending MatCheckbox. Before the update, I was able to apply the default CSS using: scss @use '@material/checkbox/mdc-checkbox'; However, after upgrading Angular and ...
김도균's user avatar
1 vote
1 answer
55 views

one component with multiple HTML support

I'm trying to breakdown bigger HTML chunks which has repeated markup based on flags. Is there a way we can make html code split into files one.html, two.html and render them into my component (.ts ...
super cool's user avatar
  • 6,045
2 votes
3 answers
230 views

Angular: difference between using signal and simple class member for holding state [closed]

I am using signals in Angular 18 for small local states. I don't understand what the difference is with a normal class member. Let's take a simple toggle: Example 1 @Component({...}) export class ...
ncasteln's user avatar
  • 311
1 vote
0 answers
37 views

Testing ReactiveFormModule in Angular18

So I'm working on a lib, on its unit tests currently with this weird error : TypeError: Cannot read properties of null (reading 'firstCreatePass') So i invastigated, didn't find anything this useful....
Louis Chamaillard's user avatar
1 vote
2 answers
68 views

Why is the value from the input immediately displayed? How to fix it?

Why is the value I enter into the input field immediately displayed, instead of appearing after I click the add button?" The issue is that inputValue is being immediately bound to the app-new-...
Mirza Šabanović's user avatar
0 votes
0 answers
26 views

No pipe found with name 'isNull'. <span>{{ apiData.Name | isNull }}</span> [Angular 7 Code Base Directly Bumped to Angular 18]

Angular 18 Pipe Unknown Earlier code was working with Angular 7, but then I Have Bumped up Angular Version and Related dependencies Directly to 18 Using npm install and ng update and solved other ...
Ajaz Beig's user avatar
1 vote
1 answer
46 views

Not proper show 3d chart with type of the barchart in Highchart Angular 18

enter image description here Version : "highcharts": "^11.4.7", In this Below Code All another chart proper work but only 3d barchart not render proper, simple barchart also do ...
yash chapani's user avatar
1 vote
1 answer
62 views

Validator in nested FormGroup of FormArray does not work

I have an easy setup with Angular typed forms. In the example I built a FormGroup with two FormControls: A normal text field with required Validators A form Array that contains a FormGroup with a ...
David Mason's user avatar
  • 1,435
3 votes
0 answers
364 views

How to set custom vite config settings in Angular 18?

"architect": { "build": { "builder": "@angular-devkit/build-angular:application", "options": { "...
chen jack's user avatar

1
2 3 4 5