Primeng - сервис диалога, передающий данные в диалоговый компонент

Question

Использование примера динамического диалога PrimeNg показывает, как диалог назначения может получать данные и отображать их.Я могу пройти через создание службы с наблюдаемыми для передачи данных в диалог, но я знаю, что для службы диалога доступны некоторые аргументы (например, данные), через которые можно пройти.Как диалог будет получать данные, переданные через службу?

https://www.primefaces.org/primeng/#/dynamicdialog https://github.com/primefaces/primeng/blob/master/src/app/components/dynamicdialog/dynamicdialog-config.ts https://github.com/primefaces/primeng/blob/master/src/app/components/dynamicdialog/dialogservice.ts

Answer 1

Я получаю данные всегда неопределенными в ngOnInit (this.config.data = undefined).Это мой код:

constructor(public ref: DynamicDialogRef, public config: DynamicDialogConfig) {
}

ngOnInit() {
    console.log(this.config.header);
    this.root = this.config.data.template.root;
}

И я открываю диалоговое окно, используя:

       let myData = {
            "template": this.template
        };
        const ref = this.dialogService.open(TreeReportComponent,
            {
                data : myData,
                header: 'Test',
                width: '70%',
                contentStyle: {"max-height": "350px", "overflow": "auto"}
            });

Я не смог найти ничего с Google.Может быть, вы можете помочь мне найти мою ошибку.Заранее спасибо.

Answer 2

У меня была такая же проблема.Я удалил:

providers: [DialogService]

из компонента, который будет передавать данные (компонент диалога)

Answer 3

Динамический диалог имеет опцию в конструкторе для передачи данных.Например,

const ref = this.dialogService.open (MyComponent, {data: myData});