_angular-ngfor-directive.md

Code Examples for my Blog Post: How do I use the Angular ngFor Directive

The full Github repo can be found here: github.com/kevinchisholm/video-code-examples/tree/master/angular/templates-and-data/ngFor

Video Demonstration

home.component.ts

import {Component} from '@angular/core';

@Component({
  selector: 'home',
  templateUrl: 'src/home/home.html'
})
export class HomeComponent {
  days : any = [
    'Monday',
    'Tuesday',
    'Wednesday',
    'Thursday',
    'Friday',
    'Saturday',
    'Sunday'
  ];
}

home.html

<ul>
    <li *ngFor="let day of days">
        <p>{{day}}</p>
    </li>
</ul>