Возможно, мою проблему очень легко решить, но я только начал изучать Angular и не знаю, как она должна выглядеть. Один из моих компонентов содержит четыре тега a внутри своего файла. html, который выглядит следующим образом:
<a href="" (click)="doAfterClick()"></a>
...
...
<a href="" (click)="doAfterClick()"></a>
Мой код в файле .ts этого компонента содержит метод doAfterClick (), который открывает всплывающее окно. с некоторым текстовым сообщением. Идея проста: в зависимости от того, по какой ссылке мы щелкаем, во всплывающем окне мы увидим другое сообщение, например. Наш массив с сообщениями находится в файле .ts второго компонента и выглядит следующим образом:
messages = ["Message1", "Message2", "Message3", "Message4"];
Когда мы нажимаем первую ссылку, всплывающее окно должно содержать «Сообщение1», второе нажатие - мы увидим всплывающее окно с «Message2».
В файле второго компонента. html я создал абзац, который должен содержать мое сообщение из массива «messages»:
<p *ngFor="let message of messages; let i = index"> {{}} </p>
Как подключить мой Метод doAfterClick () с массивом сообщений для отображения только одного (правильного) текстового сообщения во всплывающем окне?