Lazy / Partial Load Modules and Controllers in AngularJS Example

A complex application built using AngularJS takes a lot of time to load due to a large number of view controllers and other modules. As AngularJS acts as a web application we need to load all resources on page load. But we can adopt a new approach to load only required resources like controllers which we need for that particular view. This is called Lazy Loading where we load what we need.

Continue reading Lazy / Partial Load Modules and Controllers in AngularJS Example

jQuery UI Datepicker AngularJS Directive using Min Max Options

In an Angularjs project, if you are trying to add a datepicker having all features like MinDate MaxDate etc, you will hardly find any module which is performance efficient, bug-free and is requirement friendly like jQuery UI datepicker.

So, If you are looking to use jQuery Datepicker as a directive in your AngularJS project, then believe me at present it will be a great option available which is fast, healthy and powerpack with huge options.

here I am going to share with you datepicker directive with basic options only like MinDate, MaxDate and default date, But as per requirement you can follow the same procedure to add more option in the directive.

Continue reading jQuery UI Datepicker AngularJS Directive using Min Max Options

Angular 4/5 + Typescript: Create Filter List with Check-boxes to Select from List

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.

Features:

  1. Filter from the list using input search form field.
  2. Use the checkbox to select a game from the populated list.
  3. Selected game tags will be added below the list items.
  4. Clear cross icon on search input to clear search term.
  5. “Clear Selection” to clear all selections by the user.
  6. An individual tag can be deleted using the cross icon on respective tags.

Continue reading Angular 4/5 + Typescript: Create Filter List with Check-boxes to Select from List

How to Create Production Release in Ionic 2/3

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

Start with Ionic’s Pro Service Explained

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

Resolved! Found com.google.android.gms:play-services-location:+, but version 9.0.0 is needed issue in Ionic 2/3

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

How to format JS date object in AngularJS using date filter.

AngularJs provides its own “date” filter to modify Javascript date object to a given format.

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.

How to Cancel $http Requests in AngularJS App

In an MVC based application, we switch pages without getting refreshed. For showing data in our current view, we usually load updated JSON objects by hitting API calls and we do so by using $http services of angular js. So in some cases, we don’t want a user of an application to hit API calls more then once, otherwise, he/ she will be left with a stack of pending API calls overlapping data sets. We can prevent such user practices by using following two ways:

Continue reading How to Cancel $http Requests in AngularJS App

Top 5 Chart Plugins in JavaScript and AngularJS

Graphical representation of data leaves a long lasting picture with better understanding. Sometimes we may need to use graphs and charts to better implement data in web applications.

During my research for some project, I came across with such beautiful chart plugins. Here are some top chart libraries.

Continue reading Top 5 Chart Plugins in JavaScript and AngularJS