anchor.diff:  .l-main-section
     h2#section-display-the-list-of-todos Display the list of todos
     p.
  -    Using the <code>*for</code> iterator, create an <code>&lt;li&gt;</code> for each item in the todos array and set
  +    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 *for=&quot;#todo of todos&quot;&gt;
  +       &lt;li *ng-for=&quot;#todo of todos&quot;&gt;
            {{ todo }}
          &lt;/li&gt;
       &lt;/ul&gt;
  
positive.code:       @View({
          template: `
            &lt;ul&gt;
              &lt;li *for="#todo of todos"&gt;
                {{ todo }}
              &lt;/li&gt;
            &lt;/ul&gt;
  
negative.code:           &lt;input #todotext (keyup)="doneTyping($event)"&gt;
            &lt;button (click)="addTodo(todotext.value)"&gt;Add Todo&lt;/button&gt;
                  `,
          directives: [NgFor, NIf]
        })
        class TodoList {
          todos: Array&lt;string&gt;;
  