带参数的Angular2调用模态形式

Question

我正在开发一个angular2项目，当我打开带有参数的模态表单时，我遇到了问题。

这里是角度开放模态片段代码：

openForm_modifyspace(content_modifyspace,event,name){

    this.modalService.open(content_modifyspace).result.then((result) => {
        this.closemodifyspace_result = `Closed with: ${result}`;
    }, (reason) => {
        this.closemodifyspace_result = `Dismissed 
                    ${this.getDismissReason_modifyspace(reason)}`;
      });

    var idAttr = event.srcElement.attributes.name;
    var mydata = idAttr.nodeValue;

}

这是我在模板中使用mydata的方式

        <div class="modal-body">
           <form >
              <p>title {{mydata}}</p>

            <div class="form-group">

            </div>
          </form>

        </div>

我的问题是知道如何用mydata作为参数打开模态表单？ 谢谢你的帮助

Answer 1

您应该设置调用open modal

的上下文

this.modalService.open(ModalComponent, overlayConfigFactory({
    mydate: {}
}));

然后，在ModalComponent中获取值

ngOnInit() {
    this.mydate= this.dialog.context.mydate;
}