How to put some parametes to component from template

Ionic Framework ionic-v3
1

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?

2

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

3

this is purely angular oriented

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

4

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’”>

5

glad to help you, that was the solution