单击不同的按钮如何调用不同的HTTP服务?

时间:2019-04-28 20:04:17

标签: angular-material angular7

我正在制作新的角度桌面工具。在这里,用户可以具有两种角色,即管理员/客户。我的下拉菜单“管理员”和“客户”中有2个按钮, 和2个API分别根据管理员和客户角色链接管理员和客户。 我想在ADMIN点击时调用Admin API,在Customer点击时调用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()方法进行一些更改,

0 个答案:

没有答案