Simple example of a directive in AngularDart.

angularDirective.dart

import 'dart:html';
import 'package:angular/angular.dart';

// Annotation which states that this class is a directive which should be
// attached to elements with a 'sample-text-id' attribute
@NgDirective(selector: '[sample-text-id]')
class ReverseClickDirective{

  // The element that the directive is attached to
  Element element;

  // The class constructor which is called against the matching element
  // Somewhat like the "link" method in AngularJS
  ReverseClickDirective(this.element) {
    element.onClick.listen(reverseText);
  }
  
  void reverseText(MouseEvent event) {
    var text = element.text;
    var buffer = new StringBuffer();
    for (int i = text.length - 1; i >= 0; i--) {
      buffer.write(text[i]);
    }
    element.text = buffer.toString();
  }
}

void main() {
  // Bootstrap the application with a module that includes our directive
  ngBootstrap(module: new Module()
        ..type(ReverseClickDirective));
}