Angular 多个使用一键事件的弹出窗口以角度重复几次

我的问题可能很容易解决，但我刚刚开始学习角度，不知道它应该是什么样子。我的一个组件在其.html文件中包含四个a标记，如下所示：

<a href="" (click)="doAfterClick()"></a>
...
...
<a href="" (click)="doAfterClick()"></a>

当我们点击第一个链接时，弹出窗口应该包含“Message1”，点击第二个-我们将看到带有“Message2”的弹出窗口

在第二个组件的.html文件中，我创建了一个段落，其中应该包含来自“messages”数组的消息：

{{{}

---

如何将我的doAfterClick（）方法与messages数组连接起来，以便在弹出窗口中仅显示一条（正确的）文本消息？

您可以执行以下操作：

doAfterClick(index: number): void {
    return this.messages[index];
}

---

感谢您的快速回复-那么我应该在我的段落{{}中插入什么使其生效呢？{{doAfterClick（I）}

<p *ngFor="let message of messages; let i = index"> {{}} </p>

doAfterClick(index: number): void {
    return this.messages[index];
}