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:         new angular.ViewAnnotation({
            template:
              '&lt;ul&gt;' +
              '&lt;li *for="#todo of todos">' +
              '{{ todo }}' +
              '&lt;/li&gt;' +
              '&lt;/ul&gt;' +
              '&lt;input #textbox (keyup)="doneTyping($event)">' +
              '&lt;button (click)="addTodo(textbox.value)"&gt;Add Todo&lt;/button&gt;',
            directives: [angular.For, angular.If]
          })
        ];
  
  
negative.code:   code-tabs
      code-pane(language="javascript" name="TypeScript" format="linenums").
        //TypeScript
        import {Component, View, bootstrap, NgFor, NgIf} from 'angular2/angular2';
  
        @Component({
          selector: 'todo-list'
  