在Angular2中从第三方动态创建的内容中进行双重绑定

Question

如何从第三方渲染HtmlContent并在Angular2中注入双重绑定？是否有可能呈现以下内容并使双重绑定工作？

import {Component} from '@angular/core';
import {DomSanitizer} from "@angular/platform-browser";


@Component({
  moduleId: 'module.id',
  selector: 'app-root',
  template: '<div [innerHtml]="messageFromDarkSide">I am not afraid - You will be!</div>',
  styleUrls: ['app.component.css']
})
export class AppComponent {
  messageFromDarkSide:any;
  messageFromGoodSide:string = 'Everything is proceeding as I have foreseen.';

  constructor (private sanitizer:DomSanitizer) {
    this.messageFromDarkSide = sanitizer.bypassSecurityTrustHtml(
      `<form name="goodForm" id="goodForm">
      <label for="good">Good Message: </label>
      <input [(ngModel)]='messageFromGoodSide' type="text" name="good"/></form> 
      <hr/> {{ messageFromGoodSide }} `);
  }
}