CodeIgniter 4 REST API, MySQL and Angular 10 CRUD Example

I am going to show you an example on Angular CodeIgniter 4 REST API MySQL CRUD. CRUD is an acronym and stands for Create, Read, Update and Delete operations. REST or RESTful is a Representational State Transfer which defines an architectural style in software engineering. The REST API works on HTTP or HTTPS protocol. The Angular framework will be used in this example for representing the UI (User Interface) where end users will perform CRUD operations.

Continue

Delete Multiple Table Rows from Server using Angular 9

Introduction In this tutorial we will see how to delete multiple rows from HTML table as well as from database server at one go. We have seen tutorial how to display data from server to client side and how to select multiple rows on HTML table. We will put checkbox against each row on the table so that user will be able to select a particular row for deletion. We will also put a checkbox on the table header and selecting this checkbox all rows on the table will be…

Continue

Angular 9 Check/Uncheck Individual/All Checkbox on HTML Table Rows

Introduction Here we will create an example on how to check/uncheck individual/all checkbox on HTML table rows. We have seen how to display data from server using Angular and alternate row color using CSS. We will put checkbox against each row on the table so that user will be able to select a particular row. We will also put a checkbox on the table header and selecting this checkbox all rows on the table will be selected.

Continue

Display Data on HTML Table from Server using Angular 9 and Alternate Row Color

Introduction In this tutorial we are going to show you how to display data from server using Angular 9 and how to apply two different colors on alternate rows using css (cascading style sheet). We will use Spring Boot REST API to send data on client side and consume using client side technology Angular 9. We will use ngIf, else, ngFor directives to render data conditionally. We will show elseBlock if no record is found from the REST API. We will use index to determine odd or even column and…

Continue

Spring Boot Security Angular 8 Login Logout Example

Introduction Here we will create Spring Boot Security Angular Login Logout Example which will show you how to integrate Spring Security with Angular 8 to login to the application. We will redirect user to the login page if user is not already logged in. Similarly we will redirect user to the home page if user is already logged in. Because if user logged in then there is no point of showing the login page again when user click on the browser’s back button. Spring Boot’s default security mechanism will ask…

Continue

Angular + CodeIgniter File Upload Example

Introduction Angular + CodeIgniter file upload example will show here how to upload a file to server. Here CodeIgniter will be responsible for storing the file into a server location and Angular will be used on UI side to interact with end users, who will browse and select a file for uploading. We will create CodeIgniter REST API and will integrate with Angular to upload a file.

Continue

AngularJS Codeigniter REST CRUD Example

In this Codeigniter AngularJS CRUD example, we will see the integration of AngularJS with Codeigniter REST. We are going to create CRUD application using Codeigniter REST API on server side and AngularJS is encapsulated within PHP file on client side. Thus the client will communicate with server asynchronously using AngularJS $http service. Please read the following tutorials before reading this tutorial Working with RESTful services in Codeigniter – GET example Working with RESTful services in Codeigniter – POST example Working with RESTful services in Codeigniter – PUT example Working with…

Continue

AngularJS PHP REST CRUD Example

In this tutorial we will see the integration of AngularJS with PHP REST. We are going to create CRUD application using PHP REST API on server side and AngularJS is encapsulated within html file on client side. Thus the client will communicate with server asynchronously using AngularJS $http service. Please read REST API CRUD Example in PHP, MySQL for server side before reading this tutorial.

Continue