How to work with Angular Routing – Spring Boot + Angular 11

How to work with Angular Routing – Spring Boot + Angular 11

In the previous post, We made a big step, our Angular Application can exchange data with a remote server. But up to now, we don’t have any mention on Angular navigations. So in the tutorial, JavaSampleApproach will show you how to navigate among the views with Angular Routing.

Angular 6 Update:
Angular 6 Routing/Navigation – with Angular Router Service
Angular 6 dynamic Navigation Bar – add/remove Route dynamically

Related articles:
How to use Angular Http Client to fetch Data from SpringBoot RestAPI – Angular 11
How to integrate Angular 11 with SpringBoot Web App and SpringToolSuite
How to use Angular HttpClient to POST, PUT, DELETE data on SpringBoot Rest APIs – Angular 11
Angular 11 + Spring JPA + PostgreSQL example | Angular 11 Http Client – Spring Boot RestApi Server
Angular 11 + Spring JPA + MySQL example | Angular 11 Http Client – Spring Boot RestApi Server

[Continue reading…] “How to work with Angular Routing – Spring Boot + Angular 11”

Angular 11 + Bootstrap 4 + SpringBoot RestAPI – Display Image from FileSystem Example

Angular 11 + Bootstrap 4 + SpringBoot RestAPI – Display Image from FileSystem Example

In the tutorial, we show how to display images with Angular 11 & Bootstrap 4 from SpringBoot RestAPI.

Related posts:
Bootstrap Image with SpringBoot RestAPI
SpringBoot Upload/Download Files Example – MultipartFile + Thymeleaf + Bootstrap 4

[Continue reading…] “Angular 11 + Bootstrap 4 + SpringBoot RestAPI – Display Image from FileSystem Example”

Angular 11 Firebase – Upload Image & Display List Images from Storage

Angular 11 Firebase – Upload Image & Display List Images from Storage

In previous post, we have known how to upload file to Firebase Storage. This tutorial shows you way to get List Images and display in a simple Angular 11 App.

Updated Post:
Angular 5 Firebase – Upload/Display/Delete Images from Storage

Related Posts:
How to integrate Firebase with Angular 11
Angular 11 Firebase – Upload File to Storage
Angular 11 Firebase – Delete File from Storage

[Continue reading…] “Angular 11 Firebase – Upload Image & Display List Images from Storage”

Angular 11 Firebase AutoComplete Search example with AngularFire2 v4

Angular 11 Firebase AutoComplete Search example with AngularFire2 v4

In this tutorial, we’re gonna create a simple Angular 11 App that supports autocomplete search from Firebase Realtime Database using AngularFire2.

Related Posts:
How to integrate Firebase with Angular 11
Angular 11 Firebase CRUD operations with AngularFire2 v4
Angular 11 Firebase Pagination example with AngularFire2 v4
Angular 11 Firebase Filter Data example with AngularFire2 v4

[Continue reading…] “Angular 11 Firebase AutoComplete Search example with AngularFire2 v4”

Angular 11 Firebase Auth – Email/Password Authentication with AngularFire2 v4

Angular 11 Firebase Auth – Email/Password Authentication with AngularFire2 v4

In this tutorial, we’re gonna look at way to implement Email/Password authentication (with form validation) using AngularFire2 v4.

Related Posts:
How to integrate Firebase with Angular 11
Angular 11 Firebase Auth – Anonymous Authentication with AngularFire2 v4

[Continue reading…] “Angular 11 Firebase Auth – Email/Password Authentication with AngularFire2 v4”

Angular 11 + SpringBoot JPA + PostgreSQL example

Angular 11 + Spring JPA + PostgreSQL example | Angular 11 Http Client – Spring Boot RestApi Server

In this tutorial, grokonez shows you Angular 11 Http Client & Spring Boot Server example that uses Spring JPA to interact with PostgreSQL and Angular 4 as a front-end technology to make request and receive response.

Related Posts:
How to use Spring JPA with PostgreSQL | Spring Boot
Spring JPA + PostgreSQL + AngularJS example | Spring Boot
How to use Angular Http Client to fetch Data from SpringBoot RestAPI – Angular 4
How to use Angular HttpClient to POST, PUT, DELETE data on SpringBoot Rest APIs – Angular 4

Updated:
Spring Boot + Angular 6 example | Spring Data JPA + REST + PostgreSQL CRUD example

[Continue reading…] “Angular 11 + SpringBoot JPA + PostgreSQL example”

Angular 11 + Spring Boot Server Upload/Get MultipartFile

Angular 11 – Upload/Get MultipartFile to/from Spring Boot Server

Upload files to Servlet containers, application need register a MultipartConfigElement class. But Spring Boot makes it more easy by configuring it automatically. In this tutorial, we’re gonna look at way to build an Angular 11 App Client to upload/get MultipartFile to/from Spring Boot RestApi Server.

Updated post:
Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server
Angular 6 – Upload/Get MultipartFile to/from Spring Boot Server

Related posts:
How to upload MultipartFile with Spring Boot
MultipartFile – SpringBoot + JQuery Ajax + Bootstrap.
MultipartFile – SpringBoot + AngularJs + Bootstrap.
Angular 11 Firebase – Get List Files from Storage
Angular 11 – Upload/Get Images to/from Spring Boot Server

[Continue reading…] “Angular 11 + Spring Boot Server Upload/Get MultipartFile”

Angular 11 + Django MySQL CRUD example – Part 3: Angular Client

This tutorial is part 3 of Django-Angular-MySQL series. Today, we will create Angular Client to make HTTP request & receive response from Django Server.

>> Part 1: Overview
>> Part 2: Django Server

[Continue reading…] “Angular 11 + Django MySQL CRUD example – Part 3: Angular Client”

Angular 11 WebSocket + Spring Boot WebSocket Server example

The WebSocket protocol provides new capability for web applications: full-duplex, two-way communication. So in the system where the client and server need to exchange data at high frequency and with low latency, WebSocket is the best solution. In this tutorial, we’re gonna create an Angular 11 WebSocket Client to send/receive message with a Spring Boot Server.

[Continue reading…] “Angular 11 WebSocket + Spring Boot WebSocket Server example”

Angular 11 integrate with Firebase

Firebase is a mobile and web application development platform developed by Google. We can build our apps very fast, without making complex back-end system. It helps to scale automatically, for even the largest apps. In this Angular 11 Firebase tutorial, we’re gonna go through the steps to integrate Firebase into Angular 11 App with AngularFire2 4.0.

[Continue reading…] “Angular 11 integrate with Firebase”

How to integrate Firebase with Angular 12

Firebase is a mobile and web application development platform developed by Google. We can build our apps very fast, without making complex back-end system. It helps to scale automatically, for even the largest apps. In this Angular 12 Firebase tutorial, we’re gonna go through the steps to integrate Firebase into Angular 12 App with AngularFire2 4.0.

[Continue reading…] “How to integrate Firebase with Angular 12”

Angular 11 Amazon S3 example – Get list Files from S3 Bucket

Amazon Simple Storage Service (Amazon S3) is object storage built to store and retrieve any amount of data from web or mobile. Amazon S3 is designed to make web-scale computing easier for developers. In previous post, we had known how to upload file to Amazon S3. This tutorial will help you create an Angular 11 App that can get list Files from Amazon S3 Bucket.

Related Post: Angular 11 Amazon S3 example – How to upload File to S3 Bucket

Reactjs Jwt SpringBoot Token Authentication Example
Spring Boot Angular 11 Pagination Example
Angular Client Side Pagination with Nodejs + MySQL
Django Angular 10 CRUD Example

[Continue reading…] “Angular 11 Amazon S3 example – Get list Files from S3 Bucket”