JSON File JSON, i.e., JavaScript Object Notation is a lightweight format for interchanging data. It is based on a subset of JavaScript language. For example, this JSON data format is used in the webservice response. In old days webservices used XML for the primary data format but nowadays JSON, being lightweight, is becoming the preferred…

Posted in Angular

How To Load Local JSON File In Angular Application

In this tutorial I am going to show you how to allow users only input numeric values or digits. If users enter non-numeric value then we will show an error message. We can also completely prevent from entering non-numeric values. In this case, we need to accept only numbers for a textbox or input field…

Posted in Angular

Allow only numeric values or digits in input field using Angular 10

Introduction I am going to show you how to give auto complete suggesstion when users search for something by typing in the input field. Autocomplete allows users to have other suggested strings or values displayed on typing of the relevant text in the input field. You have also seen when you start a search on…

Posted in Angular

Autocomplete input using Angular 9

Introduction In this tutorial we will see how to create or add routes to existing Angular project. The situation may arise when you forget to add routes while creating new project or probably you thought that routes may not be required but later you find that routes are required for appropriate navigation in your application….

Posted in Angular

How to add routes to existing Angular project

Here we are going to see how to consume GraphQL CRUD API using Angular and Apollo. So this is a client for GraphQL Server API. We are going to use various modules for working with GraphQl client. For GraphQL server side implementation you can use any technology and here I am going to use Spring…

Posted in Angular GraphQL

How to consume GraphQL CRUD API using Angular 9 and Apollo

Introduction In this tutorial, I will show you how to delete multiple rows from HTML table as well as from database server at one go. You might have seen tutorial how to display data from server to client side and how to select multiple rows on HTML table. I will put checkbox against each row…

Posted in Angular CSS HTML MySQL Spring Boot Spring REST

Delete Multiple Table Rows From Server Using Angular

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

Posted in Angular CSS HTML Spring Boot Spring REST

Angular Check/Uncheck Individual/All Checkbox On HTML Table Rows

Introduction In this tutorial I am 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). I will use Spring Boot REST API to send data on client side and consume using client side technology Angular 9….

Posted in Angular CSS HTML Spring Boot Spring REST

Display Data On HTML Table From Server Using Angular And Alternate Row Color

Introduction In this tutorial I will upload and display image using Angular. In this example I will allow to upload only single image and display the uploaded image on the web page. You might have seen how to upload file using Angular, but here I am uploading and displaying the image. I am also validating…

Posted in Angular File Upload

How to upload and display Image using Angular 8/11

In this tutorial we will see how to create simple Angular star rating example. We post blogs, articles, news, etc. on web sites and we sometime expect people to rate our blogs, articles, news, etc. to find out the corresponding gap or issues with our write up. It helps us improve the quality of the…

Posted in Angular

Angular Star Rating 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…

Posted in Angular Spring Boot Spring REST Spring Security

Spring Boot Security Angular 8 Login Logout Example

Introduction In this tutorial I will show you how to work with Apache Kafka Streams for building Real Time Data Processing with STOMP over Websocket using Spring Boot and Angular 8. We will see how to build push notifications using Apache Kafka, Spring Boot and Angular 8. We need to provide some basic things that…

Posted in Angular Kafka Spring Boot WebSocket

Apache Kafka Streams for building Real Time Data Processing with STOMP over WebSocket using Spring Boot and Angular 8