In this tutorial, we will learn how to add Google Maps in an Ionic application using a powerful package @agm. The @agm package provides directive components to easily add Maps, Markers and Geometric shapes like Radius on Google Maps in […]
Ionic Geolocation Native Plugin Example Tutorial Compatible with Ionic 4 & 5 Angular Using Ionic’s Geolocation native plugin we can get current coordinates and other information like accuracy, speed, timestamp, altitude etc.
A search-filter to any data list or table adds up more value to the usability of the page. In this article, we will learn how to quickly add a search filter on any type of data which can be a
In this Ionic 5/4 tutorial, we’ll add the Tabs component in the Ionic Angular application page without Routing. We’ll be using the Ngx-Bootstrap package to integrate Bootstrap in the Angular project. We have already discussed how to add Tabs in
In a real-world Angular application, a number of components may exist with their own specific task to accomplish. This hierarchy of components may have parent-child or relation as siblings. To communicate from parent to child component we use @Input decorator
Google Maps can be easily implemented in an Angular project using the @agm package as we have already discussed here. In this tutorial, we will focus on adding a Circle Radius in the map to limit the markers shown to
Using @Input decorator parent component can pass values to child components using property binding. But there may be a case where we are passing more than one property in a child component. We may need control on which property is
In this tutorial, we will explore the Angular Material’s Tree structure UI component. A tree structure depicts a hierarchy of data in a parent-child relation. These tree nodes can be collapsed and expanded to deep drill over child items. Material
In this tutorial, we will discuss a simple awesome image slider with a great feature to show a full-screen lightbox of full image on click. This image slider is created by Sanjay Verma and loaded with many features required for
In this post, we’ll discuss how to add Owl Carousel 2 in Angular application using the ngx-owl-carousel-o package. This package doesn’t need any jQuery support like the ngx-owl-carousel package. The Owl Carousel 2 is one of the most popular images
In this tutorial, we will discuss how to easily deploy Angular 9/8 production applications on Firebase hosting. Firebase provides many cloud-based services which prove very helpful to optimize and standardize application development process including Authentication, Realtime Database, Storage, Analytics, Performance
Using Angular’s Animation package we can implement custom animation in our project which adds up a lot of value to the application by improving the way it behaves in front of users.
In Angular, we can easily iterate over the dropdown values using *ngFor directive and get the selected value using its model, but sometimes we have different properties for dropdown value and text which we need to show in options. In
In general Autocomplete or Auto, suggestion control is used to show/ fetch related items from a local or remote server as user types to make a selection from available items. In this tutorial, we will discuss the angular-ng-autocomplete package using