Параметры ввода компонента Angular5-Toaster Dynamic

Question

Добрый день,

Я пытаюсь создать динамический шаблон для отображения информации из динамического компонента, как указано в файле readme для NPM.https://www.npmjs.com/package/angular5-toaster

Пример:

import {BodyOutputType} from 'angular5-toaster';

@Component({
  selector: 'dynamic-component',
  template: `<div>loaded via component</div>`
})
class DynamicComponent { }

var toast : Toast = {
    type: 'error',
    title: 'Title text',
    body: DynamicComponent,
    bodyOutputType: BodyOutputType.Component
};

this.toasterService.pop(toast);

Мой вопрос: как мне передать параметры в DynamicComponent.

Спасибо

Answer 1

Я бы предложил поделиться данными с помощью Angular Service.

Шаг 1: установить данные, которые нужно передать динамическому компоненту перед загрузкой Toast.

    this.someService.data="some parameter"
    this.toasterService.pop(toast);

Шаг 2: После инициализации компонента вы можете прочитать значение, введя службу как зависимость от вашего динамического компонента.

ngOnInit(){
//read the data
console.log(this.someService.data)
}