How to put some parametes to component from template

Sorry for my bad English.
Hi everybuddy.
A have a problem. I what to put some parametes directly from template to component. My template is:

<ion-content>
  <blocks-banners-slideshow [zone]="main"></blocks-banners-slideshow>
  <blocks-catalog-category></blocks-catalog-category>
</ion-content>

So I’m query my component from selector “blocks-banners-slideshow”. And I what get from parameter “zone” my word “main” in my Component.
import { Component } from ‘@angular/core’;
import { BannersService } from “…/…/modelservices/catalog/bannersservice”;
import { BannerItem } from “…/…/modelservices/catalog/items/banner”;

@Component({
  selector: 'blocks-banners-slideshow', 
  templateUrl: 'build/templates/default/blocks/banners/slideshow.html', 
  styleUrls: [ 
    'resource/default/css/banners/slideshow.css'
  ],
  providers: [ BannersService ] 
})

export class BannersSlideShow{
  list: Array<BannerItem>;
  mySlideOptions: any;
  zone:string;


  constructor(
    private bannersService: BannersService
  ){
    console.log(this.zone); //Here I ant to see result
    this.list = [];
    this.mySlideOptions = {
      loop: true
    };
    this.getItems(); 
  }
}

How to get this word to my parameter zone in component?

The constructor is too early. You need to wait until afterViewInit.

this is purely angular oriented

you need to use the @Inout decorator
and use this in ngoninit
not in constructor

Thanks a lot!
The answer is:

import { Component, Input, OnInit } from '@angular/core';
import { BannersService } from "../../modelservices/catalog/bannersservice";
import { BannerItem } from "../../modelservices/catalog/items/banner";

@Component({
  selector: 'blocks-banners-slideshow', //Селектор
  templateUrl: 'build/templates/default/blocks/banners/slideshow.html', //Шаблон
  styleUrls: [ //Свои стили
    'resource/default/css/banners/slideshow.css'
  ],
  providers: [
    BannersService
  ] //Нужные API
})

export class BannersSlideShow implements OnInit{
  list: Array<BannerItem>;
  mySlideOptions: any;
  @Input() zone: string;

  /**
   * Конструктор класса
   * @param bannersService - АПИ баннеров
   */
  constructor(
    private bannersService: BannersService
  ){

    this.list = [];
    this.mySlideOptions = {
      loop: true
    };
    this.getItems(); //Подгружим список
  }



  /**
   * Заполняет список баннерами
   *
   */
  getItems()
  {
    //Добавим категории
    this.list = this.bannersService.getList('main');
  }

  /**
   * Метод на инициализации блока
   * Получение внешних параметров
   */
  ngOnInit()
  {
    console.log(this.zone); //Here is result
  }
}

Template:

<blocks-banners-slideshow [zone]="‘main’">

glad to help you, that was the solution