Как я могу передать определенное значение c, связанное с определенным элементом c, в список, когда я щелкаю значок в моем приложении Angular?

Question

Я работаю над проектом Angular, и теперь я столкнулся с проблемой, для которой я не знаю, что могло бы быть хорошим решением.

Обычно у меня есть этот раздел в моем приложении, содержащий список человек:

Выбранная рабочая смена: {{selectedShift? selectedShift.value: 'none'}}

{{person.name}}

Как вы можете видеть в этом HTML коде, у меня есть эта строка:

<button class="btn" (click)="onClickFilter($event)">

, которая вызывает метод onClickFilter () на код машинописного текста компонента, передающий событие щелчка. Он работает нормально, но я заметил, что в этом случае переданное событие не содержит информации, связанной с именем человека, связанным с выбранным элементом воронки.

Первой идеей может быть передача person.name значение, содержащееся в:

<div style="font-size:14px;margin:15px 5px 0 0">{{person.name}}</div>

Но я совершенно не уверен в этом.

Как лучше всего реализовать такое поведение? Как я могу это сделать?

Answer 1

вы можете просто передать объект person в качестве параметра в вашем onClickFilter?

<button class="btn" (click)="onClickFilter(person, $event)">