Проверить и нажать новый объект на компонент таблицы в угловых

Question

У меня есть 2 компонента, которые называются list & display. Компонент list будет отображать клиентов в dropdown. От dropdown(dropdown with multiselect) я буду PUSH выбранных клиентов до table(material component) присутствующих в компоненте display, например:

Теперь у меня есть еще один form в display компоненте, чтобы сгенерировать новый customer. Из этой формы я создам нового клиента и PUSH этого нового клиента на table, как этот :

И я обновлю сгенерированный клиент в компоненте list, например, так:

Но проблема в том, что когда я пытаюсь PUSH одного и того же клиента (бывшего клиента 4) из компонента list , он не должен добавлять дубликаты, но добавляет:

Примечание:

• Так как я не могу сгенерировать ID для нового клиента в DEMO , я просто жестко кодирую ID для Новый клиент (Клиент 4)

• И в списке также я только что добавил нового клиента как Клиент 4

DEMO

Answer 1

Вам просто нужно проверить свой массив на наличие вхождений.

Я обновил ваш stackblitz пример для работы в соответствии с вашими требованиями.Я бы посоветовал вам не хранить своих клиентов внутри объекта CustomerIds, это будет немного проще.

И просто заблокировать пользователя от добавления тоже не лучший вариант, добавить что-то, чтобы уведомить пользователя оошибка.