Learn how to interact with child content that is projected in a
- [Teacher] Hi, glad you made it to section five.…In this section, we are going to build…our application dashboard.…We will learn about possible ways of interacting…with child content from our component,…and about our component's life-cycle hooks.…We will also take a look at how to integrate…an external library and interact with the DOM.…Finally, we learn about how to best make…our application production-ready.…Now to the first video in the section.…In this video, we are going to take…a closer look how we can communicate…between parent and child components…by creating a tabs component.…
Okay, as you can see, I have created already…a widget component here in our dashboard.…I've basically leveraged what we have learned so far…like content projection, I have here a title…in the body region, just as we had in our model dialogues…and then I integrated the widget on our dashboard.…As you can see, I have a title and a body here.…So what we are interested here, is to learn something new.…So that's why we are going to pull…
Get up to speed with one of the most important building blocks of Angular 2: component-based directives, aka components. Components are reusable HTML widgets that replace the controller-based architecture in Angular. This course guides you through the various steps in migrating to Angular 2 and building real-world Angular components of your own.
Author Juri Strumpflohner starts by setting up a modern development environment with TypeScript and ES2015 support. Next, he explains what components are, how to build them, and how they differ from directives. He provides an opportunity to apply these new concepts while building a fictitious dashboard application for a home automation system.
Next, learn about HTML rendering templates, see how to establish a data flow between different components, and even find out how to integrate external libraries. Juri also shows how to make components production-ready and maintainable by applying automated unit and end-to-end testing techniques. As a bonus, discover how to bring your Angular 2 components to other environments such as the server side and mobile devices.
- Upgrading to Angular 2
- Feeding a component with data
- Building a foundation for your Angular app
- Building reusable models
- Comparing components and directives
- Integrating an external library
- Bundling and minification
- Maintaining components
- Testing and debugging Angular 2 components
- Building hybrid mobile apps with Angular 2 and Iconic 2