要解决Angular 7中点击两次才能加载API的问题，你可以尝试以下方法：

1. 确保在组件中正确地引入了HttpClient模块，并且已在构造函数中注入了HttpClient：

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

constructor(private http: HttpClient) { }

2. 确保在组件中正确地定义了API的URL：

private apiUrl = 'https://api.example.com/data';

3. 在组件中创建一个方法，用于调用API并处理响应：

getData() {
  this.http.get(this.apiUrl).subscribe(response => {
    // 在这里处理API的响应数据
    console.log(response);
  });
}

4. 在组件的HTML模板中，使用(click)指令将该方法与按钮关联起来：

加载API

如果你仍然需要点击两次按钮才能加载API数据，可能是因为Angular的变更检测机制导致的。你可以尝试使用ChangeDetectorRef来手动触发变更检测：

1. 在组件中导入ChangeDetectorRef：

import { ChangeDetectorRef } from '@angular/core';

2. 在构造函数中注入ChangeDetectorRef：

constructor(private http: HttpClient, private cdr: ChangeDetectorRef) { }

3. 在API请求成功后，手动调用detectChanges()方法来触发变更检测：

getData() {
  this.http.get(this.apiUrl).subscribe(response => {
    console.log(response);
    this.cdr.detectChanges();
  });
}

这样应该就能解决点击两次才能加载API的问题了。如果问题依然存在，可能是其他代码或配置导致的，你可以提供更多相关的代码或详细信息，以便我能够更好地帮助你解决问题。