Category: Angular
Angular
Display Data On HTML Table From Server Using Angular And Alternate Row Color
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. I will use ngIf, else,…
How to upload and display Image using Angular 8/11
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 the uploaded file is image…
Angular Star Rating Example
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 blogs or articles. This example…
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…
Apache Kafka Streams for building Real Time Data Processing with STOMP over WebSocket using Spring Boot and Angular 8
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 Kafka Streams requires, such as,…
Cascading or dependent dropdown using Angular 8/11
Introduction In this post I will show you an example on cascading or dependent dropdown using Angular 8/11. When you have a requirement for selecting dropdown values based on another dropdown values then you need to create such cascading dropdown. For example, in your application you need to select city based on state or country then you need to create…
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…
Angular + PHP File Upload Example
Introduction Angular + PHP file upload example will show here how to upload a file to server. Here PHP 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 PHP REST API and will…
Angular + Spring Boot MongoDB CRUD Example
Introduction In this post we will create Angular + Spring Boot MongoDB CRUD Example. In my previous tutorial on Spring Boot MongoDB CRUD Example, we did not have any UI or front-end, so we had to test out application using REST client but here we will use Angular on front-end side so that we can easily make this application as…
Angular + Python Flask REST API MongoDB CRUD Example
Introduction In this post we will see Angualr + Python Flask REST API MongoDB CRUD Example. We will use our existing tutorial on Python Flask REST API MongoDB CRUD Example for server side and we will introduce Angular on UI or front end side. You can also use any UI technologies, such as React JS, HTML, JavaScript, jQuery etc., for front end…