首先在按钮上禁用该按钮，然后在Angular7中执行服务调用

在Angular7中执行服务调用的过程可以分为以下几个步骤：

首先，需要在组件的模板中定义一个按钮，并绑定一个方法来处理按钮的点击事件，例如：

<button (click)="callService()" [disabled]="isButtonDisabled">调用服务</button>

上述代码中，(click)="callService()" 表示当按钮被点击时，调用组件中的 callService 方法。[disabled]="isButtonDisabled" 则用于禁用按钮，通过组件中的 isButtonDisabled 属性控制。

在组件的类中，需要定义相应的属性和方法来控制按钮的状态以及服务调用。首先，声明一个布尔类型的 isButtonDisabled 属性并将其初始化为 false，表示按钮初始状态为可用。同时，需要引入 Angular 提供的服务注入器 HttpClient，用于发送 HTTP 请求，例如：

import { HttpClient } from '@angular/common/http';

export class YourComponent {
  isButtonDisabled = false;

  constructor(private http: HttpClient) { }

  callService() {
    this.isButtonDisabled = true; // 禁用按钮

    // 在此处执行服务调用的具体逻辑
    // 例如使用 HttpClient 发送请求到后端 API
    this.http.get('your-service-url').subscribe(
      (response) => {
        // 服务调用成功处理逻辑
      },
      (error) => {
        // 服务调用失败处理逻辑
      },
      () => {
        this.isButtonDisabled = false; // 恢复按钮可用状态
      }
    );
  }
}

上述代码中，callService 方法中先将 isButtonDisabled 设置为 true，禁用按钮。然后，在方法中执行具体的服务调用逻辑，例如使用 HttpClient 发送 GET 请求到指定的服务地址。在订阅响应的回调函数中，可以对请求成功和失败的情况进行处理。最后，不论是成功还是失败，都将 isButtonDisabled 设置为 false，以恢复按钮的可用状态。

对于服务调用所需的依赖，需要在组件的模块文件中进行相应的配置。首先，需要在 imports 中引入 HttpClientModule，以便使用 HttpClient。例如：

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [
    YourComponent
  ],
  imports: [
    HttpClientModule
  ],
  providers: [],
  bootstrap: [YourComponent]
})
export class YourModule { }

上述代码中，将 HttpClientModule 添加到 imports 中，以确保 HttpClient 可用于组件中。

综上所述，以上是在 Angular7 中执行服务调用的基本步骤。根据具体的业务需求，可以在服务调用过程中添加更多的逻辑，例如参数传递、请求头配置、错误处理等。最终，通过控制按钮的状态，可以实现在服务调用期间禁用按钮，以提升用户体验。

此外，为了更好地进行服务调用，在腾讯云的云计算平台上，可以使用腾讯云提供的云函数（Serverless）服务来承载和运行自己的后端服务逻辑。云函数是一种无需管理服务器的计算服务，具备弹性伸缩、高可靠、低延迟等优势，适用于各类应用场景。可以通过访问腾讯云官网了解更多关于云函数的信息和使用方法。