[Angular 2] ngFor

It’s conceptually the same as Angular 1’s ng-repeat, but you’ll find the syntax quite different as it aligns with #refs in Angular 2 and JavaScript “for of” loop.

 

import {Component, View, NgFor} from 'angular2/angular2';
import {TodoService} from './todoService';

@Component({
    selector: 'todo-list'
})
@View({
    directives: [NgFor],
    template: `
          <div>
              <div *ng-for="#todo of todoService.todos">
                  {{todo}}
              </div>
          </div>
    `
})

export class TodoList{
    constructor(
        public todoService:TodoService
    ){

    }
}