6. Displaying Data
Displaying Data
You can display data by binding controls in an HTML template to properties of an Angular component.
In this page, you'll create a component with a list of heroes. You'll display the list of hero names and conditionally show a message below the list.
The final UI looks like this:

Contents
- Showing component properties with interpolation.
- Showing an array property with NgFor.
- Conditional display with NgIf.
The live example demonstrates all of the syntax and code snippets described in this page.