gistfile1.txt

// contact_editor.dart
//   - light-weight annotations
//   - DI-related annotations OK
@Component('contact-editor')
class ContactEditor {
  String get name => 'John Doe';
  bool isEditing = false;
}

// contact_editor.html
//   - self-sufficient for generating contact_editor.template.dart
//   - imports everything used in the template
//   - like in Dart everything lexically scoped
import package:angular2/directives.dart
import contact_editor.dart

<ContactEditor>
  <div *ngIf="!isEditing">
    {{name}}
  </div>
  <input *ngIf="isEditing" type="text" [value]="name"">
</ContactEditor>