Angular5-Toaster動態組件注入參數

Question

下午好，

我正在嘗試創建一個動態模板，以顯示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)
}