Как динамически изменить модальный текст в угловых 7 - PullRequest
Новая
       9

Как динамически изменить модальный текст в угловых 7

0 голосов
/ 14 октября 2019

Я пытаюсь изменить значение атрибута методом viewchild, но не работаю. Не знаю, как это сделать? Пример: я хочу динамически изменить заголовок модального всплывающего окна. Как это сделать? много раз пытался но я не знаю как это сделать? пожалуйста кто-нибудь может помочь найти решение?

1 Ответ

0 голосов
/ 14 октября 2019

Вы можете передать строку заголовка в методе openModal и в дальнейшем использовать ее в своих представлениях. 

openModal(id: string, title: string) {
    this.modaltitle= title;
    this.modalService.open(id);
}

Вы можете использовать {{modaltitle}} в своем представлении, чтобы показать отображение заголовка. 

<modal id="custom-modal-1" modaltitle="Test title">
<div class="modal">
    <div class="modal-body">
        <h1>{{modaltitle}}</h1>
        <p>
            Home page text: <input type="text" [(ngModel)]="bodyText" />
        </p>
        <button class="button" (click)="closeModal('custom-modal-1');">Close</button>
    </div>
</div>
<div class="modal-background"></div>

Вы можете заполнить обновленную демонстрацию https://stackblitz.com/edit/angular-iybx4hangular6-custom-popup-rnf6rh?file=src/app/app.component.html

...