Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Angular Design Patterns
  • Toc
  • feedback
Angular Design Patterns

Angular Design Patterns

By : Nayrolles, Nayrolles Mathieu (USD)
1.5 (2)
close
Angular Design Patterns

Angular Design Patterns

1.5 (2)
By: Nayrolles, Nayrolles Mathieu (USD)

Overview of this book

This book is an insightful journey through the most valuable design patterns, and it will provide clear guidance on how to use them effectively in Angular. You will explore some of the best ways to work with Angular and how to use it to meet the stability and performance required in today's web development world. You’ll get to know some Angular best practices to improve your productivity and the code base of your application. We will take you on a journey through Angular designs for the real world, using a combination of case studies, design patterns to follow, and anti-patterns to avoid. By the end of the book, you will understand the various features of Angular, and will be able to apply well-known, industry-proven design patterns in your work.
Table of Contents (9 chapters)
close

Memento

The memento pattern is a really useful pattern in the context of Angular. In Angular-powered applications, we use and overuse two ways binding between domain models such as User or Movie.

Let's consider two components, one named Dashboard and the other one named EditMovie. On the Dashboard component, you have a list of movies displayed in the context of our IMDb-like application. The view of such a dashboard could look like this:


<div *ngFor="let movie of model.movies">
<p>{{movie.title}}</p>
<p>{{movie.year}}</p>
</div>

This simple view owns a ngFor directive that iterates over the list of movies contained in a model. Then, for each movie, it displays two p elements containing the title and the release year, respectively.

Now, the EditMovie components access one of the movies on the model.movies array and allow...

bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete