Как вызвать другой HTTP-сервис нажатием другой кнопки?

Question

Я делаю новый угловой настольный инструмент.Здесь пользователь может иметь два типа роли: администратор / клиент.У меня есть 2 кнопки в раскрывающемся списке «Администратор и клиент» и 2 ссылки API «Администратор и клиент» в соответствии с ролями администратора и клиента соответственно.Я хочу вызвать Admin API по клику ADMIN и Customer API по клику клиента.на данный момент обе службы по умолчанию звонят на экран.

Я использую угловой материал.

это код кнопки:

<button color='white'  mat-raised-button [matMenuTriggerFor]="appMenu"> Open Drop Down</button>

<mat-menu #appMenu="matMenu">
  <button mat-menu-item>CustomerRole</button>
  <button mat-menu-item>AdminRole</button>
</mat-menu>

это код моей подписки на услугу

ngOnInit() {
    this._RolesService.getCustomerData()
    .subscribe(data => this.CustomerData= data);

    this._adminService.getAdminRoles()
    .subscribe(data=>this.adminData=data);

Я ожидаю подписать соответствующий API только в том случае, если нажаты соответствующие кнопки, что означает необходимость внесения некоторых изменений в метод ngonit (),