The Swiper Slider implementation tutorial using the ngx-useful-swiper package in the latest Angular version 9. Image or HTML content sliders add are used for many purposes for users to display a number of items in a limited space like Amazone show items to buy and some websites or application displays offer sliders on the home
The traditional website has pages that are loaded while refreshing the whole website or sometimes rerendered using dynamic languages like PHP from the server-side. Such websites can have title tags on each page which can be dynamic or manually placed on static HTML pages. Single page application (SPA) like Angular where only one page i.e
Ionic’s Camera Preview Native plugin provides an awesome floating Camera view in application pages itself without even opening the Camera application. The Camera Preview plugin provides native features of a camera that can be easily controlled using built-in class methods. Switch FRONT / BACK camera Turn On/Off/Auto flash Camera Effects; none | aqua | blackboard
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 Angular applications. Here we will use the power of this great package to implement Google
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.
Tabs can manage multiple data views in the same area. In this article, we will learn how to use the Bootstrap Tabset UI component with Ionic 4.
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 to pass data from parent to child component and to send back data from child
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 the user. A user can control up to how far the markers/ locations should be
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 changed and also check if other properties have changed from the previous one or not.