Compatible with Angular versions 2 to 7
Hi Guys, here we will create a list of items with a filter using Angular 5 and Typescript. For filtering list data we will use Pipes.
- Filter from the list using input search form field.
- Use the checkbox to select a game from the populated list.
- Selected game tags will be added below the list items.
- Clear cross icon on search input to clear search term.
- “Clear Selection” to clear all selections by the user.
- An individual tag can be deleted using the cross icon on respective tags.
Continue reading Angular 7/6 + Typescript: Create Filter List with Check-boxes to Select from List
After finishing my app development and testing phase, I tried to find some good documentation for generating production release of my build APK. When I searched on Google, the first link which landed me on Ionic docs explaining to create production release in Ionic 1. As ionic 2/3 is based on Angular 4 latest component-based technology having a powerful feature called AOT (Ahead of Time). AOT in simple terms reduced the code to level where we have only that much code which is required for our application.
Continue reading How to Create Production Release in Ionic 2/3
Ionic’s Pro service is very powerful in terms of maintenance and testing during app development. It provides many features like we can deploy on real devices for testing on a personal level, or we want any other person we can share our app with others for team testing. You can read more about Ionic Pro Docs.
Continue reading Start with Ionic’s Pro Service Explained
Hey! when I was building ionic 3 application using native plugins, I faced a strange issue during building my application to generate APK file out of it. Then I noticed that this issue was caused after adding Ionic’s Native “Background Geolocation” . So when I removed this plugin, APK generated successfully. I was in deadly need on this service. After hitting my head here and there I found a solution in Ionic threads.
Continue reading Resolved! Found com.google.android.gms:play-services-location:+, but version 9.0.0 is needed issue in Ionic 2/3
In Ionic Application, we can check battery Status of the mobile device using Cordova and Ionic Native plugins. By using these plugin we can call methods to get battery percentage and we can also check if the device is plugged to a power source.
Continue reading Ionic 3 – How to Check Battery Percentage Using Cordova and Ionic Native Plugin
To make it more convenient, we can add a feature to make calls directly through the application. In this post, we will create an Ionic 3 application, in which we can directly call a number by using Cordova and Ionic Native plugins.
Continue reading Ionic 3+ – How to Call a Number Directly from Ionic 3.X Native Application
Following are defined format strings, which can be used to format JS date object.
Continue reading How to format JS date object in AngularJS using date filter.
Using tab index attribute in HTML form fields a user can easily navigate to the next or previous field by merely using the keyboard. But after some presses, Tab index focus caret secretly goes to a new dimension where it becomes impossible to press tab to get back that caret guy in place. ultimately we use to move back caret guy in place.
So during a requirement where I wanted to trap carret guy in a wrapper so that even after continous tabbing caret we never be able to leave that defined wrapper. After defined at input field that will focus on first defined form field automatically.
Continue reading Use TabIndex Form Field Focus in Specific Container
Disqus is a great discussion add-on available for multi platforms. The installation process is very simple for known CMS and platforms. But my requirement was to add Disqus on a single page app. To get it installed, I landed on this page.
Continue reading How to Set Disqus Configuration Variables.
Datatable row recorders feature is used in tables using it’s add-on plugin named (dataTables.rowReorder.js). Using this addon we can drag and drop rows in any order we want in the table. This works only if the table is having some unique serial number or ID. Let’s work on the implementation of datatable with row reorder feature.
See Demo Here
Continue reading Datatable Row Reorder with Checkboxes and Radio Buttons