For questions regarding Angular specific to version 14. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.
Questions tagged [angular14]
536 questions
1
vote
2 answers
adding multiple query params in angular 14
I am building a multi item filter for my app and I need to send multiple queryparameters in API to get filtered items.
My question is that is there any other way than adding all the queryParams by hand since there are like 40-50 options to filter…

lega
- 15
- 6
1
vote
0 answers
Could not resolve dependency conflict among @angular/cdk, @angular/core and @angular-material-components/datetime-picker
I'm developing an angular app in which I use Angular-Material. I want to use matdatetimepicker in a form field. I performed some google searches and realized that, I need to install Material Datepicker & Timepicker Package with the npm command `
$…
1
vote
1 answer
This version of CLI is only compatible with Angular versions ^13.0.0 || ^13.3.0-rc.0, but Angular version 14.2.12 was found instead
My global CLI version:
ng version
My project CLI version:
ng version
My Package.json:
"dependencies": {
"@angular/animations": "^14.2.12",
"@angular/common": "^14.2.12",
"@angular/compiler": "^14.2.12",
"@angular/core": "^14.2.12",
…

Avinash Gayam
- 13
- 1
- 4
1
vote
1 answer
@output eventemitter is not working-angular 14
Hi i want to call parent function via child component and i used eventemitter,
every thing seems fine but my function is not getting called.
this is child component.ts
import { Component, EventEmitter, forwardRef, HostBinding,…

Abdul zany
- 23
- 7
1
vote
0 answers
How to add mask for angular material date range picker?
Hello I am using angular material date range picker. (angular material 14).

John Doe
- 80
- 1
- 11
1
vote
1 answer
In Angular module federation, how do I expose/access the application component of my remote module?
I'm using Angular 14 and module federation. I would like to know how to access my remote module's application component from my shell application. In my remote module, I have this webconfig.config.js set up
const { shareAll,…

Dave
- 15,639
- 133
- 442
- 830
1
vote
1 answer
Angular 14 : Wait for a service variable to be loaded before loading a component
I use lazy-loading modules, when I arrive on a page of my module, I use functions of a service which performs actions on a global variable of this service.
I have a function that load this global variable from my service. The problem is that no…

ZaRToP
- 31
- 5
1
vote
1 answer
Angular migration 12 to 14 running nx serve failed
After migration angular version from 12 to 14 according this guide, I'm can't run my app.
after successful build, I'm running this command: nx serve and nothing happend.
what am i missing?

Naor Yael
- 69
- 4
1
vote
2 answers
Angular 14 - ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode
I have migrated my code from angular 13 to 14 and I'm trying to build and publish it my private repo.
All my testcases are passing after the migration
Also tried the following,
ng build --configuration production
Build is…

up6616
- 105
- 1
- 11
1
vote
1 answer
Submodules not found error in imported internal library angular
I have recently upgraded my application from angular 9 to 14, there are two internal libraries build by a separate team which seems to be working fine with newly created angular 14 application, but not with the upgraded one. I have been getting…

Sahil Agarwal
- 79
- 1
- 11
1
vote
1 answer
NPM install failing due to nest-azure-ad-jwt-validator package compatibility with nestjs version 9
I am using angular 14 in my application with nestjs version ^9.0.0. Now the requirement is to use "nest-azure-ad-jwt-validator" package for some purpose. When I am trying to install version 4.0.0 of "nest-azure-ad-jwt-validator", npm is throwing…

Rahul Jha
- 874
- 1
- 11
- 28
1
vote
0 answers
Angular 14: Create dynamic component in dynamic HTML?
I am converting a component's @Input into MathML. MathML supports embedding HTML, and I would like to inject/create a live angular component (a component wrapping an input field) inside the generated MathML at a specific place.
I'm doing something…

Stefan Norberg
- 1,137
- 13
- 28
1
vote
1 answer
error - ERROR {"code":2100} on Xcode when running Ionic Angular App on iOS 15.6.1
We are running an Ionic Angular app on iphone with xcode. The cards should show the task end and start date, and a snippet of the task notes. The dates are displayed on iOS 16 but not on iOS 15. The error we get is [error] - ERROR {"code":2100}.
We…
1
vote
1 answer
error TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type
I have an interface with a bunch of methods:
@Injectable()
export class SharedService {
serverURL: string;
expertMetadataSetSubject = new Subject();
metadataEmptySubject = new Subject();
singleSubject = new…

Dvora
- 1,175
- 1
- 16
- 26
1
vote
0 answers
export 'catchError' was not found in 'rxjs' when tsconfig.json target is ES2020 in angular 14
I have updated my angular library project to angular 14 and while and building my app I am getting
following Error
Command
ng build --base-href /home/ --configuration production
ERROR:
/node_modules/@rcis/common/fesm2020/rcis-common.mjs:2000:39-51…

vikrant
- 11
- 3