Learn TypeScript 3 by Building Web Applications

Component bindings, HTML attributes, and DOM properties

Each component can have inputs and outputs. By creating bindings, it is possible to feed data into other components. Additionally, through their outputs, components can provide information to the outside world. Components that make use of other components can bind to their outputs in order to be able to react to the events emitted by them.

Here's a useful diagram from the official documentation that gives a summary of the binding possibilities and the associated syntax:

As you can see, we can define the following:

• One-way bindings use the following:
  • Interpolation/expressions: {{ expression ...