Book Image

Mastering Angular Components - Second Edition

By : Kunz
Book Image

Mastering Angular Components - Second Edition

By: Kunz

Overview of this book

Mastering Angular Components will help you learn how to invent, build, and manage shared and reusable components for your web projects. Angular components are an integral part of any Angular app and are responsible for performing specific tasks in controlling the user interface. Complete with detailed explanations of essential concepts and practical examples, the book begins by helping you build basic layout components, along with developing a fully functional task-management application using Angular. You’ll then learn how to create layout components and build clean data and state architecture for your application. The book will even help you understand component-based routing and create components that render Scalable Vector Graphics (SVG). Toward the concluding chapters, you’ll be able to visualize data using the third-party library Chartist and create a plugin architecture using Angular components. By the end of this book, you will have mastered the component-based architecture in Angular and have the skills you need to build modern and clean user interfaces.
Table of Contents (12 chapters)

Guarding our projects

Sometimes, it's a good idea to prevent certain routes from being navigated, and to provide a fallback navigation for those scenarios. This is especially true when your routes include dynamic route parameters, which can change over time, meaning users may still have outdated bookmarks to those old URLs.

Guards are the perfect helper for preventing these navigation errors. While guards help you to prevent access to certain routes and redirect accordingly, you should never rely on them to provide any kind of security for your application. Security always needs to come from a server. Using guards, you can just provide the necessary usability of a user accessing an area where he would be confronted with errors, maybe because of missing permissions to call a backend web service, or simply because a navigated detail view by an item ID no longer exists.

Within...