Category: AngularJS

With like unlike system you can allow the registered users to give a feedback on a content.

It helps the webmaster to track the user’s response to the contents whether they like or not and take an action.

In this tutorial, I am creating a like unlike functionality on the page with AnguarlJS and PHP where I will list all records and display total like unlikes count following with buttons.

Like unlike Rating System with AngularJS and PHP

AJAX AngularJS PHP

You can allow multiple files selection by creating more than one file element but you can easily do this with just single file element.

It consumes less space and easy to handle but for this, you need to customize the element.

In this tutorial, I am using AngularJS and PHP to upload multiple files to the servers.

I am creating a custom directive to handle file selection in the AngularJS.

Multiple files upload with AngularJS and PHP

AJAX AngularJS PHP

The anchorScroll service in AngularJS allows us to jump to the specific HTML element in the web page. When this gets called then it adds [#element-id] on the URL which you can remove with few more line of code.

It has the dependency on $location service for hash the id on the URL and the anchorScroll reads the hashed string and looks for the given id in the web page and jump to it.

Scroll to given element with anchorScroll service in AngularJS

AngularJS

Load more pagination allows the users to load new content on a button click. This appends new content with existing contents.

It is the type of infinite pagination where the user has to click the action button to view new records. This load data until records are available.

In this tutorial, I am implementing this functionality on a page with AngularJS and PHP.

Load more pagination with AngularJS and PHP

AJAX AngularJS PHP

Most of the eCommerce sites e.g. Flipkart, Snapdeal, etc have a price range slider for searching purpose.

The user doesn’t have to enter price range manually.

It will automatically filter the list when the price is been changed by the user.

In this tutorial, I am implementing the similar type of functionality with AngularJS and PHP.

Using jQuery UI to create the slider.

Make Price Range Slider with AngularJS and PHP

AngularJS PHP

It is always a better idea to check the entered username exists or not if you are allowing the users to choose username while registration and wants it to be unique.

With this, the user will instantly know that their chosen username is available or not.

Check if username exists with AngularJS

AngularJS DataBase PHP

The autocomplete search box suggest data options to the user based on its input.

From there, it can select the option.

In the demonstration, I am creating a search box and display suggestion list whenever the user input value in the search box. If user click outside the suggestion list then hide it.

Set selected value to search box when an option gets selected.

I am using PHP with AngularJS to fetch records.

Create autocomplete search with AngularJS and PHP

AJAX AngularJS DataBase PHP

The check uncheck all functionality mainly required when the long list of records available on the page and allowing the user to select multiple records to perform an action.

For example – Delete the selected user’s list, in this case, if require deleting all users then it needs to select one by one.

This can also be used on the limited number of list items.

I show you some of the examples of check uncheck all checkboxes with AngularJS.

Check uncheck all multiple checkboxes with AngularJS

AngularJS