如何访问由组件工厂解析程序动态创建的组件内的实例变量

时间:2019-03-26 19:26:34

标签: angular web-component

我正在创建一个实用程序,以动态将角度分量显示为模态窗口。我正在使用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.

0 个答案:

没有答案