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)
}

Angular5-Toaster动态组件注入参数

1 个答案: