Angular2 upgradeComponent如何进行双向绑定

import { Component, ElementRef, Injector, Input, OnInit } from '@angular/core';
import { UpgradeComponent } from '@angular/upgrade/static';

@Component({
  selector: 'app-upgraded-component',
  template: '<div ng-bind="data"></div>',
})
export class UpgradedComponent extends UpgradeComponent implements OnInit {
  @Input() data: any;

  constructor(elementRef: ElementRef, injector: Injector) {
    super('legacyComponent', elementRef, injector);
  }

  ngOnInit() {
    super.ngOnInit();
  }
}

angular.module('legacyComponent', [])
  .component('legacyComponent', {
    template: '<input ng-model="data">',
    controller: function() {
      this.data = 'Initial value';
    }
  });

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { UpgradeModule } from '@angular/upgrade/static';
import { downgradeComponent } from '@angular/upgrade/static';

import { AppComponent } from './app.component';
import { UpgradedComponent } from './upgraded.component';

@NgModule({
  declarations: [
    AppComponent,
    UpgradedComponent
  ],
  entryComponents: [
    UpgradedComponent
  ],
  imports: [
    BrowserModule,
    UpgradeModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor(private upgrade: UpgradeModule) {
    this.upgrade.bootstrap(document.body, ['legacyModule']);
    this.upgrade.downgradeComponent(UpgradedComponent);
  }
}

<div ng-app="legacyModule">
  <legacy-component></legacy-component>
  <app-upgraded-component [data]="'Hello from Angular'"></app-upgraded-component>
</div>