ngbModal open()参数传递

ngbModal open()参数传递

子页面import { Component, Output, EventEmitter } from '@angular/core';
export class AppModalComponent {
    private data: string;
    @Output emitService = new EventEmitter();

    constructor() {
        this.data = "hello world";
    }        ngOnInit(){        // 坑,父传子的数据,在init中可以获取, constructor()无法获取
    }

    addMe() {
        this.emitService.next(this.data)
    }
}

父页面openModal() {
     const modalRef = this.modalService.open(AppModalComponent);     // 父传子
     modalRef.componentInstance.data = 'hi';
     // 子传父:
     modalRef.componentInstance.emitService.subscribe((emmitedValue) => {
         // do sth with emmitedValue
     });
}
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/strong90/article/details/79975889
个人分类: Angular
想对作者说点什么? 我来说一句

c#参数传递c#参数传递

2009年02月03日 38KB 下载

Java的引用和函数参数传递

2018年03月17日 17KB 下载

两个网页之间参数传递例子

2010年11月14日 597B 下载

没有更多推荐了,返回首页

不良信息举报

ngbModal open()参数传递

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭