Angular 2访问组件内的ng-内容

我怎样才能访问“content“来自组件类本身的组件？

我想做这样的事情：

<upper>my text to transform to upper case</upper>

如何像我使用的那样获取组件中的内容或上部标签@Input对于属性？

@Component({
    selector: 'upper',
    template: `<ng-content></ng-content>`
})
export class UpperComponent {
    @Input 
    content: String;
}

PS：我知道我可以使用管道进行大写转换，这只是一个示例，我不想创建上层组件，只是知道如何使用组件类访问组件的内容。

如果您想获取对嵌入内容的某个组件的引用，可以使用：

@Component({
    selector: 'upper',
    template: `<ng-content></ng-content>`
})
export class UpperComponent {
    @ContentChild(SomeComponent) content: SomeComponent;
}

如果你包裹<ng-content>然后您可以访问嵌入的内容，例如

@Component({
    selector: 'upper',
    template: `
  <div #contentWrapper>
    <ng-content></ng-content>
  </div>`
})
export class UpperComponent {
    @ViewChild('contentWrapper') content: ElementRef;

    ngAfterViewInit() {
      console.debug(this.content.nativeElement);
    }
}