Book Image

Building Web Apps with Spring 5 and Angular

By : Ajitesh Kumar Shukla
Book Image

Building Web Apps with Spring 5 and Angular

By: Ajitesh Kumar Shukla

Overview of this book

Spring is the most popular application development framework being adopted by millions of developers around the world to create high performing, easily testable, reusable code. Its lightweight nature and extensibility helps you write robust and highly-scalable server-side web applications. Coupled with the power and efficiency of Angular, creating web applications has never been easier. If you want build end-to-end modern web application using Spring and Angular, then this book is for you. The book directly heads to show you how to create the backend with Spring, showing you how to configure the Spring MVC and handle Web requests. It will take you through the key aspects such as building REST API endpoints, using Hibernate, working with Junit 5 etc. Once you have secured and tested the backend, we will go ahead and start working on the front end with Angular. You will learn about fundamentals of Angular and Typescript and create an SPA using components, routing etc. Finally, you will see how to integrate both the applications with REST protocol and deploy the application using tools such as Jenkins and Docker.
Table of Contents (18 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Pipes


Angular pipes allow us to transform data retrieved from the server in a format that is easy to read and understand. Pipes are very similar to filter in AngularJS. Pipes help to transfer data to more understandable or custom user-defined types. For instance, data such as date retrieved from the server looks like Fri Mar 18 2003 00:00:00 GMT-0700 (Pacific Daylight Time). For an improved user experience, the date could be transformed to March 18, 2003 using an Angular pipe. The following represents a code sample  shows the use of data pipe:

{{ creation_date | date }}

The following is a list of some of the built-in pipes in Angular:

  • DatePipe
  • UpperCasePipe
  • LowerCasePipe
  • CurrencyPipe
  • PercentPipe

Here are some of the key features of pipes:

  • Parameterizing pipes: A pipe can further be parametrized, based on arguments that are passed, to transform data in to the desired format. Take a look at the following code sample:
        {{ creation_date | date:"MM/dd/yy" }}
  • Chaining Pipes: Pipes can be chained to...