title: angular 2 access ng-content within component
body: <p>How can I access the "<strong>content</strong>" of a component from within the component class itself?</p>
  
  <p>I would like to do something like this:</p>
  
  <pre><code>&lt;upper&gt;my text to transform to upper case&lt;/upper&gt;
  </code></pre>
  
  <p>How can I get the content or the upper tag within my component like I would use <code>@Input</code> for attributes?</p>
  
  <pre><code>@Component({
      selector: 'upper',
      template: `&lt;ng-content&gt;&lt;/ng-content&gt;`
  })
  export class UpperComponent {
      @Input 
      content: String;
  }
  </code></pre>
  
  <p>PS: I know I could use pipes for the upper case transformation, this is only an example, I don't want to create an upper component, just know how to access the component's content from with the component class.</p>