Использование TemplateRef, чтобы открываться Модальный

Хорошие.

В настоящее время у меня есть серия кнопок, которые реализуют серию действий. Система CRUD пошла. Я хочу добавить модальные окна к каким-то из них, например во время удаления, что появился модальный подтверждения приема раньше и в зависимости от ответа продолжать или нет с призывом к API, который удалит реестр BD.

Я ищу и думаю, что то, в чем я нуждаюсь, состоит в том, чтобы открывать модального через TemplateRef, но не могу не найти ничего, что не подавало бы мне даже шрифт, где они объяснили, как использовать это по крайней мере в способе, в котором я нуждаюсь. У кого-то, у кого была бы уже эта проблема, что-то из документации есть или сходно, что смог служить?

Приветствие.

После того, как помогаю мне ответа я нахожусь в этой точке:

МОДАЛЬНЫЙ HTML:

<div class="modal-header">
  <h4 class="modal-title">Hi there!</h4>
  <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<div class="modal-body">
  <p>Hello, World!</p>
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-secondary" (click)="activeModal.close('Close click')">Close</button>

Модальный Component

import { Component } from '@angular/core';
import { NgbModal, ModalDismissReasons, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'modal',
  moduleId: module.id,
  templateUrl: './modal.view.html'
})
export class ModalComponent {
  constructor(private activeModal: NgbActiveModal){}
}

Component, где я хочу назвать модального:

    import { Component, Input, Output, EventEmitter, AfterViewInit, ViewChild } from '@angular/core';
import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
import { ModalComponent } from '../modal/modal.component';

// Component decorator
@Component({
    selector: 'test',
    moduleId: module.id,
    templateUrl: 'test.view.html',
})
// Component class
export class TestComponent { 


    // Constructor
     constructor(
        private modalService: NgbModal
        ){}

        @ViewChild(ModalComponent)

        private modalComponent: ModalComponent;

        //Send to father component the copie selected.
        showModal(): void {
            this.modalService.open(this.modalComponent);
        }

Все же останься, не открывая модального мне, когда я кликаю. Даже, что оставшаяся часть действий, ассоциируемых с функцией (которую я опустил для большей ясности кода) продолжает функционировать. У меня нет ошибок в консоли.

0
задан 07.03.2017, 15:10
1 ответ

У меня была та же проблема и она soluciГіn - следующий: Не нужно

@ViewChild(ModalComponent)

и также

private modalComponent: ModalComponent;

и в

this.modalService.open(this.modalComponent);

то, что размещается, является компонентом, что ты импортировал

this.modalService.open(ModalComponent);
1
ответ дан 24.11.2019, 10:44