Category: AngularJS

If there is the registration form on the website then you need to make sure that the username or email must be unique.

The user will login with the selected username next time when it comes to the website.

You can either check it after submitting the form or while entering it.

In the demonstration, I am creating a simple registration form in CodeIgniter where check the entered username with Angular and insert the record if the username is available.

Live username availability check with AngularJS in CodeIgniter

AngularJS PHP

AngularJS How To PHP

AJAX AngularJS PHP

With ngClass directive, it is easier to maintain CSS classes between HTML elements dynamically.

You cannot just pass the class name in ng-class like class attribute.

You need to either use the $scope variable or expression for including classes on the element.

In this tutorial, I am creating a demonstration to add remove class from the element.

Add remove Class with ngClass in AngularJS

AngularJS

In AngularJS with the model, it is easier to maintain values across elements and to define the model ng-model directive is been used.

To find checkbox is been checked or not check the defined model. If it is TRUE means checkbox is been checked.

In this tutorial, I will show how you can retrieve single or multiple checked checkboxes.

Check if Checkbox is Checked or Not with AngularJS

AngularJS

Search filter makes easier to filter the list of records and view the only required records. This saves time when there is the huge number of records are available on the list.

There is already an orderBy filter is available on AngularJS which will be used for sorting the list.

In this tutorial, I am filtering MySQL table records while fetching data using AngularJS and PHP.

Table with search and sort using AngularJS and PHP

AJAX AngularJS PHP

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