Questions tagged [angular13]

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

562 questions
3
votes
3 answers

Redirect to external Route in Angular

I am new to angular. And I am facing the issue to redirect to external route. I want to redirect from my angular app to other MVC application. Like: www.abc.com/angularapp to www.abc.com/mvcapp Please help how to redirect to these kind of routes
Anonymous
  • 49
  • 1
  • 5
3
votes
1 answer

Angular 13: Dynamic Html with data binding

My Requirement is to bind data to dynamically added HTML content. for i.e, app.component.html

{{data.name}}

I have created a safe pipe to bind html…
coderman401
  • 582
  • 3
  • 17
3
votes
1 answer

Angular 13 baseHref no longer works

I have a large NX monorepo project containing two distinct applications and hundreds of libs. One of the applications is the main application being developed, the other is a small playground for our own internal UI component library. In Angular 12 I…
danwellman
  • 9,068
  • 8
  • 60
  • 88
3
votes
1 answer

Angular upgrade 11 to 13 RXJS dependency

We recently migrated from Angular 11 to Angular 13, however I see the rxjs version is still 6.5.5. Is it required to upgrade RXJS to 7.4 or we can work with 6.5.5?
gaurav singh
  • 41
  • 1
  • 2
3
votes
0 answers

Angular import common library inside sub project: 'rootDir' is expected to contain all source files

I have a sub project(it has a different git repo) and it has its own package.json etc. parent app: **tsconfig.json** "paths": { "subproject1": ["dist/subproject1"], "subproject1/*": ["dist/subproject1/*"], "subproject2":…
mgnfcnt
  • 77
  • 11
3
votes
2 answers

@ViewChild - initializer error on Angular 13

I am creating app in Angular 13. I want to call the method show() of ChildComponent from ParentComponent, using @ViewChild, but I get errors. The older questions and answers are not working in this case. Parent:
Weronika
  • 370
  • 1
  • 4
  • 16
3
votes
2 answers

Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIc on' and 'HTMLStencilElement'

I have just upgraded my angular ionic app to use angular v13 from angular 12 by running ng update. The update was successful but now I am unable to run the app with below errors [ng] Error: node_modules/ionicons/dist/types/components.d.ts:66:15 -…
Owen Kelvin
  • 14,054
  • 10
  • 41
  • 74
2
votes
0 answers

Jest configuration in Angular 13: transform not working

I'm encountering an issue with the Jest configuration in my Angular 13 project. The transform property doesn't seem to be working as expected, preventing Jest from transforming my TypeScript files during testing. Here are the details of my…
2
votes
1 answer

Angular 13 - 400 Error (Bad Request) when using PUT

I'm using Angular and Java with SpringBoot to edit a component. Backend works fine, checked it with postman. However, when trying to edit a component it throws a 400 Error. The html of the edit page:
2
votes
1 answer

How to convert data from an array to a nested array data in angular13

i'm new to angular. I need to convert the data as nested array in angular13. A stackblitz example is appreciated Data I got from the random API "data": [ { "Id": "17", "Year": "2020", …
2
votes
3 answers

Angular 13 ng serve NOT SUPPORTED: keyword "id", use "$id" for schema ID

I've upgraded my application from Angular 11 to 13. Upgrading from 11 from 12 worked fine, but now I have some problems going from 12 to 13. If I try to run ng serve or ng build I get the following error: An unhandled exception occurred: NOT…
User978438
  • 149
  • 1
  • 3
  • 13
2
votes
0 answers

A bad HTTP response code (404) was received when fetching the script. (messaging/failed-service-worker-registration)

main.556f577fa36f161b.js:1 Unable to get permission to notify. FirebaseError: Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker for scope ('https://website/firebase-cloud-messaging-push-scope') with…
2
votes
2 answers

In PrimeNG, how do I bind a p-dropdown selected value to a form control?

I'm using Angular 13 and PrimeNG 13. I would like to bind a dropdown to a form control. In my edit form, I use a p-dropdown like so
Dave
  • 15,639
  • 133
  • 442
  • 830
2
votes
3 answers

How do I bind a PrimeNG file upload component to my Angular form control?

I'm using Angular 13 with PrimeNG. I have this file upload component
... How do I…
Dave
  • 15,639
  • 133
  • 442
  • 830
2
votes
2 answers

How to create a generic reusable component in angular

I have an Angular 13 app & building a common reusable component named app-table html …
Kgn-web
  • 7,047
  • 24
  • 95
  • 161
Name Email DOB