Chapter 4. Building a Basic Component
At its core, an Angular 2 component is a class that is responsible for exposing data to the view and implementing user interaction logic. An Angular 2 component can be compared to the controller, scope, and view of Angular 1.
How does Angular 2 know how to treat our class as a component? We need to attach metadata to the class to tell Angular how to treat it.
The term metadata describes the additional information that we add to our code. This information is used by Angular 2 at runtime.
In this chapter, we will cover the following topics:
- The anatomy of an Angular 2 component
- The component selector
- Component template
- Component style
- View encapsulation (the shadow DOM)
- Data binding
- Anatomy of an Angular 2 component
Get Angular 2 Components now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
