async(Promise) pipe

ajax_component.dart

library component.ajax;

import "package:angular2/angular2.dart";
import "dart:html";
import 'dart:async';

@Component(
  selector: "ajax-data"
  )
@View(
  template: "<p>{{ data | async }}</p><button (click)='getData()'>Get data.json</button>"
  )
class AjaxComponent {

  Future<String> data;

  AjaxComponent() {
    data = new Future.value("");
  }

  getData(){
    this.data = HttpRequest.getString("./data/data.json");
  }
}