Esta pergunta já tem uma resposta aqui:

index.html:

  <app [myname]="some_name"></app>

app.component.ts:

  import {Component, Input, Output} from '@angular/core';

  @Component({
    selector: 'app',
    template: '<span>{{myname}}</span>'
  })

  export class CupBuyComponent {
      @Input() myname: String;

      constructor(){
          console.log(this.myname);
      }
  }

O console JS diz indefinido. Como posso obter variáveis do arquivo .html para enviá-lo ao componente?