anchor.diff:            &lt;p&gt;My name: {{ myName }}&lt;/p&gt;
             &lt;p&gt;Friends:&lt;/p&gt;
             &lt;ul&gt;
  -             &lt;li *for=&quot;#name of names&quot;&gt;
  +             &lt;li *ng-for=&quot;#name of names&quot;&gt;
                   {{ name }}
                &lt;/li&gt;
             &lt;/ul&gt;
  
positive.code:         DisplayComponent.annotations = [
            new angular.ComponentAnnotation({
              selector: "display",
              <span class='otl'>injectables: [FriendsService]</span>
            }),
            new angular.ViewAnnotation({
              template: '{{ myName }} &lt;ul&gt; &lt;li *for="#name of names"&gt;{{ name }}&lt;/li&gt; &lt;/ul&gt;',
              directives: [angular.For]
            })
          ];
          <span class='otl'>DisplayComponent.parameters = [[FriendsService]];</span>
  
negative.code:     code-tabs
        code-pane(language="javascript" name="TypeScript" format="linenums").
          //TypeScript
          import {Component, View, bootstrap, NgFor, NgIf} from 'angular2/angular2';
          ...
          @View({
            <span class='otl'>template</span>: `
              &lt;p&gt;My name: {{ myName }}&lt;/p&gt;
              &lt;p&gt;Friends:&lt;/p&gt;
              &lt;ul&gt;
                &lt;li *ng-for=&quot;#name of names&quot;&gt;
                  {{ name }}
                &lt;/li&gt;
              &lt;/ul&gt;
              &lt;p *ng-if=&quot;names.length &gt; 3&quot;&gt;You have many friends!&lt;/p&gt;
            `,
            directives: [NgFor, NgIf]
          })
          class DisplayComponent {
            ...
  