ngbModal open()参数传递

最新推荐文章于 2023-08-29 17:30:17 发布

strong90

最新推荐文章于 2023-08-29 17:30:17 发布

阅读量4k

点赞数

分类专栏： Angular 文章标签： ngbModal open()参数传递

本文链接：https://blog.csdn.net/strong90/article/details/79975889

版权

Angular 专栏收录该内容

35 篇文章 2 订阅

订阅专栏

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
     });
}