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
0 answers
How to add custom CSS to the layout's title?
I want to apply an ellipsis (...) on the layout's title and I'm not seeing anything to do it as per the documentation, unless I'm missing something.
I've tried adding some trivial custom CSS to the gtitle, highlighted element here to see if I could…

Francis Ducharme
- 4,848
- 6
- 43
- 81
1
vote
1 answer
Can't trigger dialog from table component with row click
New to Angular and following a tutorial. I'm trying to trigger a dialog to open when I click on a row in a table. The table and the dialog are in two separate components. I used to have the dialog code in the same files as the table component code…

public_void_kee
- 65
- 6
1
vote
1 answer
SafeValue must use [property] getting appended to url in iframe src (Angular 14)
I am binding a link in iframe src as below
public resultLink: SafeResourceUrl; …

Narasimhan
- 73
- 1
- 7
1
vote
2 answers
Error on application insights service when migrating my Angular app from v13 to v14
I am migrating an angular app from v13 to v14 and I keep getting this error on my app insights service after upgrading the packages:
Error: src/app/core/services/app-insights.service.ts:19:22 - error TS2322: Type 'AngularPlugin' is not assignable to…
1
vote
1 answer
How to run shared libs/services as singletons with micro frontend in Angular (Module Federation)
I have a Monorepo Angular Workspace and I'm using @angular-architects/module-federation 14.13.14 and have been following the documentation to create a POC.
I've been trying to run a single instance of a local shared library across my micro frontends…

thiagopg84
- 45
- 7
1
vote
1 answer
How do I tell npm to install custom library dependencies from a custom library from npm central?
I'm using Angular 14. I have this custom library project with this folder structure
+ projects
+ my-library
- package.json
In package.json, I have
{
"name": "my-library",
"version": "7.0.0",
"peerDependencies": {
…

Dave
- 15,639
- 133
- 442
- 830
1
vote
0 answers
Getting "unmatched pseudo-class :lang" after updating Angular 14
After updating to angular 14 and making build i am get this error.
1 rules skipped due to selector errors:
.custom-file-input:lang(en)~.custom-file-label -> unmatched pseudo-class :lang
This is Index.html file
I am not understanding what the…

Niket dubey
- 11
- 3
1
vote
0 answers
I have to filter out nested object based on condition in angular 14
Below is my json object in which I have nested listofdeciosion object. If listofdecisoion length is greater than 1 and it has decision name as 'AEE' then I have to remove that object from listofdecision and if length of decision is 1 and it has…

tripti tiwari
- 47
- 5
1
vote
1 answer
Getting this 404 error in angular application when page first time loads or when page refresh
When Page first time load or refresh then this error will generate in console with current url.
This error will generate in development server but not generate in localhost.
enter image description here
When I click on abcd:1 atright corner then…

Prakash Lohar
- 11
- 1
1
vote
2 answers
Angular child component console is not working
I have created an angular application using angular 14. The folder structure looks like:
>src
>app
|_> app-routing.module.ts
|_>app.component.html
|_>app.component.ts
|_>app.module.ts
>components
…

UI_Dev
- 13
- 2
1
vote
1 answer
Error tree.actions.filter(...).map(...).at is not a function while generating component using angular CLI 14
When I try to generate component using angular CLI
ng generate component test --skip-import
or
ng generate component test -m app.module.ts
I have an error
tree.actions.filter(...).map(...).at is not a function
Does anyone know how to fix it?
ng…

just
- 11
- 2
1
vote
1 answer
How to pass angular css class to html page
In my component.css file I have a class.
.blur-map-report {
filter: blur(8px);
-webkit-filter: blur(4px);
}
In my component.ts file has property something like this
hasError = false
In my component.html file has another class also called…

san test
- 45
- 4
1
vote
1 answer
Angular 14 routes, add Dynamic loadComponent import url with variable
USing angular 14 standalone concept I am looking to implement dynamic routing which will load component for respective customer from path
loadComponent: () => {
const abc:string = 'customer1';
return…

Seema Hemani
- 43
- 1
- 6
1
vote
0 answers
On ng serve command ,compilation goes into infinite loop in angular 14
enter image description here
Also on single time save file it generate 5 to 6 time compile project in node.js
enter image description here
Version information.

Kiran Rohit
- 11
- 1
1
vote
1 answer
Angular 14 Unit test - NullInjectorError: No provider for UntypedFormBuilder
I got this error after migrating my project from Angular 13 to Angular 14
Error:
NullInjectorError: R3InjectorError(DynamicTestModule)[UntypedFormBuilder -> UntypedFormBuilder]:
NullInjectorError: No provider for UntypedFormBuilder!
error…

Hoang Subin
- 6,610
- 6
- 37
- 56