anchor.diff:            &lt;input #todotext (keyup)="doneTyping($event)"&gt;
             &lt;button (click)="addTodo(todotext.value)"&gt;Add Todo&lt;/button&gt;
                   `,
  -        directives: [For, If]
  +        directives: [NgFor, NIf]
         })
         class TodoList {
           todos: Array&lt;string&gt;;
  
positive.code:   code-tabs
      code-pane(language="javascript" name="TypeScript" format="linenums").
        //TypeScript
        import {Component, View, bootstrap, For, If} from 'angular2/angular2';
  
        @Component({
          selector: 'todo-list'
  
negative.code: .l-main-section
    h2#section-display-the-list-of-todos Display the list of todos
    p.
      Using the <code>*ng-for</code> iterator, create an <code>&lt;li&gt;</code> for each item in the todos array and set
      its text to the value.
  
    code-example(language="html" format="linenums").
      &lt;ul&gt;
         &lt;li *ng-for=&quot;#todo of todos&quot;&gt;
           {{ todo }}
         &lt;/li&gt;
      &lt;/ul&gt;
  