Я хочу добавить html в мой a-компонент с тегами angular2 из другого компонента.

@Component({
  selector: 'app-root',
  template: '<app-a [my-html]="my-html"> </app-a>',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  my-html= '<span> {{variableFromAComponent}}</span>';
}



@Component({
      selector: 'app-a',
      template: '<div [innerHtml]="my-html"> </div>',
    })
    export class AComponent {
      @Input('my-html') my-html:any;
      public variableFromAComponent='its work!'; 
    }

Я хочу видеть в результате: его работа! (из variableFromAComponent) Но я вижу {{variableFromAComponent}} (теги angular2 не работают).