Angular Template Directives: ngFor
Learn about Angular's built-in ngFor directive and how to use it in Ionic applications.
One of the major hurdles when learning a new framework is getting to grips with the syntax that needs to be used.
Thankfully, with Angular, that isn’t as difficult as it might first appear!
When templating our application, Angular provides the following built-in directives that we can use for manipulating elements and rendering data:
- The
ngFor
directive - The
ngSwitch
directive - The
ngIf
directive - The
ngStyle
directive - The
ngClass
directive
ngFor
The ngFor
directive is used to iterate through items in an array and render those to the page. This can be applied as an attribute on both Ionic UI components as well as standard HTML tags.
The ngFor
directive is prefixed with an asterisk (*
), like so:
Get hands-on with 1400+ tech skills courses.