Interpolation Event binding Property binding and Pipes
Interpolation {{ }} lets you render the property value as text;
<h3> {{ item.name }} </h3>
The interpolation syntax {{ }} :
<h3> {{ item.name }} </h3>
</div>
Event binding lets your app respond to user input in the target environment by updating your application data.
Event binding () uses a set of parentheses, ( ), around the event, as in the following <button> element:
<button (click)="share()">
Share
</button>
Property binding lets you interpolate values that are computed from your application data into the HTML.
property binding [ ] lets you use the property value in a template expression.
{{ product.name }}
Pipes
Use pipes to display dates and currency values that are appropriate for a user's locale. Angular provides predefined pipes for common transformations, and you can also define your own pipes