我正在创建一个实用程序,以动态将角度分量显示为模态窗口。我正在使用ComponentFactoryResolver在dom上动态生成这些组件。我在弄清楚如何在解析器之间传递数据时遇到了麻烦。我目前正在使用解析器的.instance属性,这似乎是我所有在线搜索中最受欢迎的属性。但是我无法弄清楚如何访问正在生成的组件中的值。任何帮助将不胜感激。
我尝试将@Input属性与几个不同的命名变量一起使用,但这似乎不起作用。
这是我将输入值附加到组件的地方
private attachConfig(config, componentRef){
let inputs = config.inputs;
let outputs = config.outputs;
componentRef.instance.anyInput = input;
}
这是我正在使用解析器创建的组件。以及我目前如何尝试访问数据库。
import { Component, OnInit, Input } from '@angular/core';
import {ModalService } from '../../Services/modal.service';
import { Relationship } from 'src/Models/relationship'
@Component({
selector: 'app-relationship-edit',
templateUrl: './relationship-edit.component.html',
styleUrls: ['./relationship-edit.component.css']
})
export class RelationshipEditComponent implements OnInit {
@Input() data : Relationship;
constructor(private modalService: ModalService) { }
ngOnInit() {
console.log(this.data);
}
public close() {
this.modalService.destroy();
}
}
``````````````````````
I am not sure how to access the data that was passed in the instance variable.