Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Mastering Angular Components

You're reading from Mastering Angular Components Build component-based user interfaces with Angular

Product type Paperback

Published in Jul 2018

Publisher Packt

ISBN-13 9781788293532

Length 402 pages

Edition 2nd Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Author (1):

Kunz

View More author details

Table of Contents (18) Chapters

Title Page

Copyright and Credits

Dedication

Packt Upsell

Contributors

Preface

1. Component-Based User Interfaces FREE CHAPTER

2. Ready, Set, Go!

3. Dealing with Data and State

4. Thinking in Projects

5. Component-Based Routing

6. Keeping up with Activities

7. Components for User Experience

8. Time Will Tell

9. Spaceship Dashboard

10. Putting Things to the Test

1. Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Back to the routes

All right, now it's time to implement routing for our application! In the upcoming topics, we'll create the following routes for our application:

Route path	Description
`/projects/:projectId`	This route will activate the project container component in the outlet of our root application component. This consists of the `projects` URL segment as well as the `:projectId` URL segment to specify the project ID.
`/projects/:projectId/tasks`	This route will activate the `TaskListContainer` component inside of our project component. While we're currently rendering the task list directly within the template of the project component, we will make use of an other router outlet instead.
`/projects/:projectId/comments`	This route will activate the `ProjectCommentsContainer` component inside of our project component. The same router outlet within the project component is used to instantiate the project comments container component.

You can directly relate the preceding route configuration to the composition...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $15.99/month. Cancel anytime

Authors (1)

Kunz

Kunz

Gion Kunz has over 12 years of experience in writing interactive user interfaces using JavaScript. He's worked with AngularJS since 2012, is one an early adopter of Angular 2 and loves to speak about Angular at conferences. In 2018 he founded his own company syncrea, where he helps customers create websites and applications using front-end web technologies. Besides working for his clients, Gion is a tutor at the SAE Institute in Zurich and loves to get his students enthusiastic about the Web.

See other products by Kunz

Other recommended products

Related to this chapter

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Essential Angular 4

Essential Angular 4

Essential Angular is a concise, complete overview of the key aspects of Angular, written by two Angular core contributors. The book covers the framework's mental model, its API, and the design principles behind it. This book is fully up to date with the latest release of Angular.

May 2017 3h 36m

Angular 2 Cookbook

Angular 2 Cookbook

Jan 2017 15h 28m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Learning Angular

Learning Angular

If you want to build cross-platform web applications using the robust Angular web framework, this book is for you. Learning Angular will cover the core concepts of frontend web development using easy-to-follow instructions to help you get up and running with Angular web development in no time.

Sep 2020 14h 20m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Angular Cookbook

Angular Cookbook

Angular is among the most popular frontend web frameworks and mastering it opens up many opportunities for a career in web development. With over 90 recipes, this book focuses on the core concepts of Angular, starting from web components and directives and gradually progressing to more advanced topics such as building animations and adding tests.

Aug 2021 21h 44m

TypeScript 2.x for Angular Developers

TypeScript 2.x for Angular Developers

TypeScript, a superset of JavaScript, is the default language for building Angular applications from Google. TypeScript 2.0 adds optional static types, classes, and modules to JavaScript, to enable great tooling and better structuring of large JavaScript applications. This book will teach you how to leverage the exciting features of TypeScript while working on Angular projects to build scalable, data-intensive web applications.

Getting Started with Angular

Getting Started with Angular

Want to build quick and robust web applications with Angular? This book is the quickest way to get to grips with Angular and take advantage of all its new features

Feb 2017 9h 16m

Switching to Angular

Switching to Angular

Align with Google's vision for Angular version 5 and beyond, with Angular team contributor and international speaker Minko Gechev. Explore the core of Angular, and its stable APIs, so you can use Angular with TypeScript to building robust, high-performing web applications. Switch into Angular's long term vision of Angular with confidence.

Oct 2017 9h 20m

Got some experience of Angular under your belt? Want to learn everything about using advanced features for developing websites? This book is everything you need for the deep understanding of Angular that will set you apart from the developer crowd. Angular has introduced a new way to build applications. Creating complex and rich web applications, with a lighter resource footprint, has never been easier or faster. Angular is now at release 4, with significant changes through previous versions. This book has been written and tested for Angular release 4.

Jul 2017 15h 8m

TypeScript 2.x By Example

TypeScript 2.x By Example

The TypeScript language, compiler, and open source development toolset brings JavaScript development up to the enterprise level. It allows you to use ES5, ES6, and ES7 JavaScript language features today, including classes, interfaces, generics, modules, and more. Its simple typing syntax enables building large, robust applications using object-oriented techniques and industry standard design principles. This book will teach you TypeScript by building various real-world applications. It will take you through a learning journey, taking you from basic to advanced TypeScript concepts by implementing them in applications. Following this book, you will learn to create large, robust, and scalable web applications using TypeScript and Angular. You will also get familiar with advanced Javascript features using TypeScript, such as asynchronous programming.

Dec 2017 12h 24m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m