У меня есть ситуация, когда мне нужно отобразить компонент динамической таблицы внутри компонента динамического диалога.
Динамический диалог может принимать другой компонент для отображения в нем. Это достигается с помощью свойства данных MatDialogConfig.
Это в шаблоне моего диалога:
<ng-container *ngComponentOutlet="dialogPassedPayload.additionalData"></ng-container>
Это гарантирует, что переданный компонент будет добавлен только в том случае, если компонент предоставлен. Все работает так, как ожидалось. Проблема возникает, когда мне нужно получить данные во входные данные для переданного компонента. Для работы моей композиции динамической таблицы необходимо предоставить несколько свойств @input.
Я пытался сделать это с помощью инжектора вот так:
let myInjector: Injector;
myInjector = ReflectiveInjector.resolveAndCreate(
[{
provide: DATA,
useValue: [{
someProp: "data1"
}, {
someProp: "data2"
}]
},
{
provide: MUTATORARRAY,
useValue: []
},
{
provide: HIDDENPROPS,
useValue: []
},
{
provide: SHOWSELECTCOLUMN,
useValue: []
},
{
provide: SHOWEDITCOLUMN,
useValue: []
}
],
myInjector
);
const dialogConfig = new MatDialogConfig();
let dialogConfigModel: DialogConfigModel = {
dynamicFormModel: [],
additionalData: DataTableComponent,
dialogTitle: "Change Items(s) Status"
};
dialogConfig.width = this.dialogWidthNormal;
dialogConfig.data = dialogConfigModel;
const dialogRef = this._dialog.open(DynamicDialogComponent, dialogConfig);
Ставлю форсунки в своих провайдерах:
providers: [
{ provide: DATA, useValue: "" },
{ provide: MUTATORARRAY, useValue: "" },
{ provide: HIDDENPROPS, useValue: "" },
{ provide: SHOWSELECTCOLUMN, useValue: "" },
{ provide: SHOWEDITCOLUMN, useValue: "" }
]
Но ... что мне теперь делать? Данные не вводятся в компонент, потому что я не верю, что инжектор связан с моим DataTableComponent. Я считаю, что мне не хватает шага с инжектором. Я следил за этим здесь: ЗДЕСЬ
РЕДАКТИРОВАТЬ:
Я заметил, что не добавляю инжектор в розетку:
<ng-container *ngComponentOutlet="dialogPassedPayload.additionalData"></ng-container>
Поэтому я передал его в диалог и изменил на это:
<ng-container *ngComponentOutlet="dialogPassedPayload.additionalData; injector: dialogPassedPayload.injector"></ng-container>
Но теперь я получаю эту ошибку всякий раз, когда открываю диалог:
ERROR Error: No provider for ComponentFactoryResolver!