@Component({
  selector: 'a-comp'
})
@View({
  template: '{{0}}<ng-content></ng-content>{{2}}'
})
class AComp {}

@Component({
  selector: 'b-comp'
})
@View({
  template: '{{1}}'
})
class BComp {}

@Component({
  selector: 'main'
})
@View({
  template: `
<a-comp>
  <b-comp></b-comp>
</a-comp>
`, directives: [AComp, BComp]
})
class Main {}