app_component_2.dart

// #docregion
import 'package:angular2/core.dart';

@Component(
    selector: 'my-app',
    // #docregion template
    template: '''
      <h1>{{title}}</h1>
      <h2>My favorite hero is: {{myHero}}</h2>
      <p>Heroes:</p>
      <ul>
      // #docregion li
        <li *ngFor="let hero of heroes">
          {{ hero }}
        </li>
      // #enddocregion li
      </ul>
    '''
    // #enddocregion template
    )
// #docregion class
class AppComponent {
  String title = 'Tour of Heroes';
  List<String> heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado'];
  String get myHero => heroes.first;
}