Как синхронизировать таблицу с диаграммой в angular

#javascript #angular

#javascript #angular

Вопрос:

Я новичок в angular, я изучаю, как работать с модулем ngx.
У меня есть таблица (таблица Ng2), которая содержит некоторые данные (имя пользователя, адрес электронной почты, возраст и т.д.), данные для этой таблицы жестко запрограммированы в файле table.service.ts.
У меня есть круговая диаграмма, отображающая возраст разных пользователей, что я хочу сделать, это синхронизировать диаграмму с таблицей. Например, если пользователь удален, на диаграмме сразу отображаются изменения (одним пользователем меньше).
Обратите внимание, что я отправляю данные из компонента table в компонент chart, используя @Input() , однако это всегда одни и те же жестко закодированные данные.
Также обратите внимание, что всякий раз, когда пользователь удаляется (или добавляется), он исчезает (или появляется) из таблицы, но файл данных остается нетронутым, поэтому я не уверен, куда отправляются данные или как таблица отображает новые данные.
Что я должен здесь сделать, чтобы синхронизировать данные? Я рассмотрел множество различных концепций, таких как наблюдаемые, источники событий и обещания, но я все еще не знаю, что использовать. С чего мне вообще начать?
Любая помощь приветствуется, спасибо.

Ответ №1:

используйте одни и те же данные для двух представлений (ngModel, reactiveForm, service). Angular автоматически обновит