Как выбрать все идентификаторы элементов, привязанных к наблюдаемой, используя Async Pipe одним нажатием кнопки?

Question

У меня есть таблица, привязанная с помощью Async Pipe, и у меня есть кнопка вне таблицы, которая, при щелчке по которой необходимо заполнить массив всех идентификаторов элементов, связанных в таблице.Является ли правильный способ создания кнопки с помощью rx.fromEvent (....) или использовать угловое (изменение) событие для проверки наблюдаемого?Если да, то какие рекомендованные операторы следует использовать для извлечения этих идентификаторов без создания ненужных подписок?

Answer 1

Предполагая, что ваша наблюдаемая таблица является горячей наблюдаемой

в вашем шаблоне (не уверен, к какому атрибуту вы относитесь или если вы используете *ngFor надеюсь, что вы поняли идею)

<table data="tableData | async">.... </table> 

ваша кнопка

<button (click)="fillId.next($event)">fill id</button>

в вашем компоненте

fillId=new Subject()
    combineLatest(tableData,fillId).pipe(map(([data,evt])=> 
....do your id filling and return a record
)
))