AngularJS Archives

Load content on Page scroll with AngularJS and PHP

Last updated on March 27, 2023 by Yogesh Singh

In infinite page scroll pagination data load dynamically and append at the end of existing content when the user reaches to the bottom while scrolling.

The user doesn’t have to click any button.

I am using ngInfiniteScroll directive for implementing with AngularJS.

With this directive detect page scroll and send AJAX request to get content.

Also, need to include the jQuery library for using it.

In this tutorial, I show how you can load content on page scroll using the ngInfiniteScroll directive in AngularJS.

How to Get Records from Database with AngularJS in CodeIgniter 3

Last updated on July 25, 2021 by Yogesh Singh

Data selection is required either to display information on the screen or use it for some data manipulation.

If you want to get records from the MySQL database using AngularJS in CodeIgniter then you need to create a method in the controller for handling the requests and return a response.

How to Get Records from Database with AngularJS in CodeIgniter 3

Add remove Class with ngClass in AngularJS

Last updated on December 6, 2020 by Yogesh Singh

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 show how you add and remove class using ngClass in AngularJS.

Add remove Class with ngClass in AngularJS

Check if Checkbox is Checked or Not with AngularJS

Last updated on May 28, 2020 by Yogesh Singh

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 a 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.