要修改app.config.json中的变量，可以通过以下步骤进行：

1. 在你的项目中找到app.config.json文件，并打开它。

2. 寻找要修改的变量。

3. 在代码中使用Angular的HttpClient模块来读取和修改JSON文件。首先，在你的组件中导入HttpClient模块：

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

4. 在构造函数中注入HttpClient：

constructor(private http: HttpClient) { }

5. 使用HttpClient的get方法来读取app.config.json文件：

this.http.get('app.config.json').subscribe((data) => {
  // 在这里处理读取到的JSON数据
});

6. 修改读取到的JSON数据中的变量。

7. 使用HttpClient的put方法将修改后的JSON数据保存回app.config.json文件：

this.http.put('app.config.json', modifiedData).subscribe(() => {
  // 在这里处理保存成功后的逻辑
});

请注意，这里的"modifiedData"是你修改后的JSON数据。

完整的示例代码可能如下所示：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private http: HttpClient) { }

  modifyConfigVariable() {
    this.http.get('app.config.json').subscribe((data) => {
      // 修改变量
      data.variable = 'new value';

      // 保存修改后的数据
      this.http.put('app.config.json', data).subscribe(() => {
        console.log('变量已成功修改！');
      });
    });
  }
}

在以上示例中，我们将修改后的数据保存回app.config.json文件，并在控制台打印出成功修改的消息。

请确保你的项目中已经正确导入了HttpClient模块，并在模块中添加了HttpClientModule到imports数组中。

希望这个示例对你有所帮助！