Questions tagged [angular14]

For questions regarding Angular specific to version 14. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.

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…
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…
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…
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…
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…
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.
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