Passing data between Angular components with @Input

If you want to pass the data from parent to child components in Angular application, I hope this article will help you to find the answer.

Recently, I described the process of passing data between child and parent components in Angular using @Output and EventEmitter.

Now it’s time to show you the capabilities of @Input decorator for data sharing between parent and child components.

Continue reading Passing data between Angular components with @Input

Angular 10 with Leaflet map – geocoding using Nominatim API

Geocoding is the term used to describe the process of exchanging address into corresponding geographical data (coordinates).

If you’re looking for out-of-the-box geocoding services there are plenty of them. For example, you can consider the most popular one – Google Maps Geocoding API which is pretty good but it’s not really free to use.

There’s a different solution, especially if you’re using OpenStreetMaps-related maps engine. It’s called Nominatim and basically it’s the OSM searching engine with open web API.

Continue reading Angular 10 with Leaflet map – geocoding using Nominatim API

Use Leaflet in your Angular 10 project for interactive maps

If you’re considering using interactive maps in your Angular application definitely Leaflet is a great choice. It’s open, easy to integrate with, and has strong community support.

In my opinion, it’s the best alternative to Google Maps. So, don’t lose the opportunity and check it yourself. I hope it will fit your needs.

Continue reading Use Leaflet in your Angular 10 project for interactive maps

Passing data between Angular components with @Output and EventEmitter

If you’re looking a way to communicate between Angular components I hope you’ll find your answer here.

In this article I’d like to show you how you can benefit from using @Output and EventEmitter in order to pass the data from child to parent component.

Continue reading Passing data between Angular components with @Output and EventEmitter