0

товарищи!

Прощу помощи, по клику в родительском компоненте нужно вызывать модальное окно дочернего компонента.

Оставляю ссылку на код: https://stackblitz.com/edit/angular-ivy-olg75f

Понимаю что нужно как то реализовать Input, Output но никак не могу понять как это сделать.

Буду очень благодарен если покажете пример на коде!

1 ответ 1

0

Через @ViewChild можно: https://stackblitz.com/edit/viewchild-modal-stackoverflow

parent.component.ts:

@ViewChild(ChildComponent) childcomponent: ChildComponent;
constructor(private modalService: NgbModal) {}

ngOnInit() {
    console.log(this.childcomponent);
}

onAddReader(modal) {
    this.modalService.open(modal, { centered: true });
}

openChild(modal) {
    this.childcomponent.showModal();
}

child.component.ts:

@ViewChild('modal') modal: ElementRef;
constructor(public modalService: NgbModal){}

test(){
    this.modalService.open(this.modal);
}

ngOnInit(): void {}

showModal() {
    this.modalService.open(this.modal)
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.