Как заполнить мой выпадающий список из моего сервиса?

Question

Я пытаюсь заполнить ng-multiselect-dropdown из моей клиентской службы, я могу получить своих клиентов из базы данных, но я не знаю правильный синтаксис для отправки идентификатора и имени для заполнения моего списка!

Я пробовал много примеров без какого-либо успеха, был почти там,

Что я пробовал до сих пор:

    this.dropdownList = 
         this.clientService.getClients().subscribe(
      data => this.clients = data,
      error => console.log(error),
     () => this.isLoading = false

     )};

вот мой сервисный файл

     getClients(): Observable<Client[]> {
     return this.HttpClient.get<Client[]>('/api/clients');}

модель:

     export class Client {
     _id?: string;
     name?: string;
     address?: string;
     zipcode?: number;
     city?: string;
     email?: string;
     phone?: string;
     }

HTML:

    <ng-multiselect-dropdown
    [placeholder]="'custom placeholder'"
    [data]="clients"
    [selectedItems]=selectedItems;
    [settings]="dropdownSettings"
    (onSelect)="onItemSelect($event)"
    (onSelectAll)="onSelectAll($event)"
     >
     </ng-multiselect-dropdown >


     [Populated with [data]= clients[https://imgur.com/a/D1WFMlw] 

Я ожидаю, что функция ( this.dropdownList =) заполняет мой список из моего сервиса. Пока я заполнил список объектов клиентов, мне нужно заполнить имя и идентификатор клиента:)

спасибо всем ребята.