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 8 with Leaflet map – geocoding using Nominatim API

Geocoding is the term used to describe the proccess 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 8 with Leaflet map – geocoding using Nominatim API

Use Leaflet in your Angular 8 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 the 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 8 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

Get your simple push notifications app with Ionic 4 and Firebase Cloud Messaging

Recently I needed a simple mobile app to test my simple push notifications service. In my case it was a Android app receiving notifications from Firebase Cloud Messaging.

In this article I’m going to share my experience with you. I’ll show you how you can create your own simple Ionic 4 Android app and integrate it with FCM service.

But first of all I’m going to start with disclaimers:

  • Please remember that this is only simple starter example. To make sure your notifications behaving properly you have to store user subscriptions somewhere (for example in Firebase or local storage).
  • This article doesn’t cover iOS platform but it’s possible to use FCM as your push notifications provider in iOS apps.

Main goals

We’d like our app to have following features:

  • store devices tokens in Firebase database
  • overall push notifications receiving
  • topic-based push notifications subscription / unsubscription

Continue reading Get your simple push notifications app with Ionic 4 and Firebase Cloud Messaging