anchor.diff:          new angular.ViewAnnotation({
             template:
               '&lt;ul&gt;' +
  -            '&lt;li *for="#todo of todos">' +
  +            '&lt;li *ng-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]
  +          directives: [angular.NgFor, angular.NgIf]
           })
         ];
   
  
positive.code:           &lt;input #todotext (keyup)="doneTyping($event)"&gt;
            &lt;button (click)="addTodo(todotext.value)"&gt;Add Todo&lt;/button&gt;
                  `,
          directives: [For, If]
        })
        class TodoList {
          todos: Array&lt;string&gt;;
  
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;
  