Angular6 如何在angular 7中动态更改模态文本

我试图通过viewchild方法更改属性值，但不起作用。我不知道该如何做？示例我想动态更改模式弹出标题。如何操作？很多次尝试过，但我不知道怎么做？请任何人帮助寻找解决方案？

您可以在

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>

{{modaltitle}}

主页文本：

接近

---

您可以为更新后的演示添加种子

请显示一些您迄今为止尝试过的代码。