Spring Boot + Angular 6 example | Spring Data + REST + Cassandra CRUD example

In this tutorial, we show you Angular 6 Http Client & Spring Boot Server example that uses Spring Data to do CRUD with Cassandra and Angular 6 as a front-end technology to make request and receive response.

[Continue reading…] “Spring Boot + Angular 6 example | Spring Data + REST + Cassandra CRUD example”

Angular 6 Routing/Navigation – with Angular Router Service

In Angular application, how to navigation among views? Developers can achieve it with the power of Angular Router Service that helps find out a corresponding Route when having any changes of browser’s URL to determine the component to display.

Related posts:
Integrate Bootstrap with Angular
Angular 6 Service – with Observable Data for Asynchronous Operation
Angular 6 Component – How to create & integrate New Angular 6 Component

[Continue reading…] “Angular 6 Routing/Navigation – with Angular Router Service”

Spring Boot + Angular 6 example | Spring Data + REST + MongoDb CRUD example

In this tutorial, we show you Angular 6 Http Client & Spring Boot Server example that uses Spring Data to do CRUD with MongoDb and Angular 6 as a front-end technology to make request and receive response.

[Continue reading…] “Spring Boot + Angular 6 example | Spring Data + REST + MongoDb CRUD example”

How to Integrate Bootstrap with Angular (Angular 6)

Bootstrap is a web development framework for more faster and easier that includes HTML and CSS based responsive design templates. So in the tutorial, we show how to integrate Bootstrap with Angular project.

Related posts:
How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite
Angular NgFor Repeater Directive – Loop over a Collection (Angular 6)

[Continue reading…] “How to Integrate Bootstrap with Angular (Angular 6)”

Spring Boot + Angular 6 example | Spring Data JPA + REST + MySQL CRUD example

In this tutorial, we show you Angular 6 Http Client & Spring Boot Server example that uses Spring JPA to do CRUD with MySQL and Angular 6 as a front-end technology to make request and receive response.

Related Posts:
How to use Spring JPA MySQL | Spring Boot
Spring JPA + MySQL + AngularJS example | Spring Boot

[Continue reading…] “Spring Boot + Angular 6 example | Spring Data JPA + REST + MySQL CRUD example”

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

In this tutorial, we show you Angular 6 Http Client & Spring Boot Server example that uses Spring JPA to do CRUD with PostgreSQL and Angular 6 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

[Continue reading…] “Spring Boot + Angular 6 example | Spring Data JPA + REST + PostgreSQL CRUD example”

Angular NgIf Else Then – NgIf with Observables and Async Pipe (Angular 6)

In the tutorial, we show how to use Angular NgIf directive to add or remove an element from the DOM by evaluating the expression and then renders the then or else template.

Related posts:
Angular 6 – NgFor Repeater Directive – Loop over a Collection

[Continue reading…] “Angular NgIf Else Then – NgIf with Observables and Async Pipe (Angular 6)”

Angular NgFor Repeater Directive – Loop over a Collection (Angular 6)

In the tutorial, we introduce how to use Angular ngFor, a built-in directive, to iterate over a collection.

Related posts:
Angular 6 Component – How to create & integrate New Angular 6 Component
Angular 6 Service – with Observable Data for Asynchronous Operation
Angular NgIf Else Then – NgIf with Observables and Async Pipe (Angular 6)

[Continue reading…] “Angular NgFor Repeater Directive – Loop over a Collection (Angular 6)”

Angular 6 Firebase CRUD operations with AngularFire2 v5

In this tutorial, we’re gonna create a simple Angular 6 App that does CRUD to create, read, update, delete data to/from Firebase Realtime Database using AngularFire2.

Related Posts:
How to integrate Firebase with Angular 6 – AngularFire2 V5
Angular 6 Firebase – Upload/Display/Delete Files from Storage

[Continue reading…] “Angular 6 Firebase CRUD operations with AngularFire2 v5”

How to integrate Firebase with Angular 6 – AngularFire2 V5

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 6 Firebase tutorial, we’re gonna integrate Firebase into Angular 6 App with AngularFire2 5.0.

Related Post: Angular 6 Firebase CRUD operations with AngularFire2 v5

[Continue reading…] “How to integrate Firebase with Angular 6 – AngularFire2 V5”

Angular 6 Service – with Observable Data for Asynchronous Operation

Angular Component is used to present data and delegate data access to a service. Angular Services are a great way to share data among classes. So in the tutorial, we introduce how to create Angular Service and use Observable class of RxJS library for asynchronous operation in Angular Service’s implementation.

Related posts:
Angular 6 Component – How to create & integrate New Angular 6 Component
Angular 6 Routing/Navigation – with Angular Router Service
How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite

[Continue reading…] “Angular 6 Service – with Observable Data for Asynchronous Operation”

Angular 6 Component – How to create & integrate New Angular 6 Component

Angular Components are the major part of development which control a patch of screen view. So in the tutorial, we introduce how to create and integrate new Angular 6 Component.

Related posts:
How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite
Angular 6 Service – with Observable Data for Asynchronous Operation
Angular 6 Routing/Navigation – with Angular Router Service

[Continue reading…] “Angular 6 Component – How to create & integrate New Angular 6 Component”

How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite

In the tutorial, we show you how to integrate Angular 6 with SpringBoot RestAPI for development using SpringToolSuite IDE.

Related posts:
Angular 6 Component – How to create & integrate New Angular 6 Component
Angular 6 Service – with Observable Data for Asynchronous Operation

[Continue reading…] “How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite”

Angular 6 – Use Angular Elements to build Custom Elements example

Custom Element is a web standard with new HTML element which allows us to define a tag whose content is created and controlled by JavaScript code in a framework-agnostic way. Custom Element bootstraps itself. That means it starts automatically when added to the DOM, and is automatically destroyed when removed from the DOM. It looks and behaves like any HTML element without need to know anything about Angular, component’s data structures or implementation. This feature is currently supported by Chrome, Opera, and Safari, and available in other browsers through polyfills. In the tutorial, we will show you way to build a Custom Element from Angular Component using Angular Elements.

[Continue reading…] “Angular 6 – Use Angular Elements to build Custom Elements example”

Spring Boot WebSocket with Angular 5 Client | SockJS + STOMP

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 a Spring Boot Application that uses WebSocket protocol to communicate with Angular 5 Client.

[Continue reading…] “Spring Boot WebSocket with Angular 5 Client | SockJS + STOMP”

Angular 5 – Upload/Get Images 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 5 App Client to upload/get Images to/from Spring Boot RestApi Server.

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

[Continue reading…] “Angular 5 – Upload/Get Images to/from Spring Boot Server”

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

When uploading files to Servlet containers, application needs to 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 5 App Client to upload/get MultipartFile to/from Spring Boot RestApi Server.

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

[Continue reading…] “Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server”

Angular + Spring WebFlux + Spring Data Reactive Cassandra example | Full-Reactive Angular Http Client – Spring Boot RestApi Server

In this tutorial, we’re gonna build a full Reactive Application in which, Spring WebFlux, Spring Data Reactive Cassandra are used for backend, and Angular, RxJS, EventSource are on client side.

Related Posts:
SpringData Reactive Cassandra Repositories | SpringBoot
Introduction to RxJS – Extensions for JavaScript Reactive Streams
Angular 4 + Spring Boot + Cassandra CRUD example

[Continue reading…] “Angular + Spring WebFlux + Spring Data Reactive Cassandra example | Full-Reactive Angular Http Client – Spring Boot RestApi Server”

Angular 4 + Spring WebFlux + Spring Data Reactive MongoDB example | Full-Reactive Angular 4 Http Client – Spring Boot RestApi Server

In this tutorial, we’re gonna build a full Reactive Application in which, Spring WebFlux, Spring Data Reactive MongoDB are used for backend, and Angular, RxJS, EventSource are on client side.

Related Posts:
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
How to build SpringBoot MongoDb RestfulApi
How to use SpringData MongoRepository to interact with MongoDB
Angular 4 + Spring Boot + MongoDB CRUD example
Introduction to RxJS – Extensions for JavaScript Reactive Streams

[Continue reading…] “Angular 4 + Spring WebFlux + Spring Data Reactive MongoDB example | Full-Reactive Angular 4 Http Client – Spring Boot RestApi Server”