Angular如何将从json文件读取的ip地址和端口设置为其他控制器的服务

在Angular中，可以通过创建一个服务来将从JSON文件读取的IP地址和端口设置为其他控制器的服务。以下是一种实现方法：

创建一个名为ConfigService的服务：

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

@Injectable({
  providedIn: 'root'
})
export class ConfigService {
  private config: any;

  constructor(private http: HttpClient) { }

  loadConfig(): Promise<any> {
    return this.http.get('assets/config.json').toPromise()
      .then(data => {
        this.config = data;
      });
  }

  getIpAddress(): string {
    return this.config.ipAddress;
  }

  getPort(): number {
    return this.config.port;
  }
}

在app.module.ts中将ConfigService添加到providers数组中：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';

import { AppComponent } from './app.component';
import { ConfigService } from './config.service';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule
  ],
  providers: [ConfigService],
  bootstrap: [AppComponent]
})
export class AppModule { }

在需要访问IP地址和端口的控制器中，注入ConfigService：

import { Component, OnInit } from '@angular/core';
import { ConfigService } from './config.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  ipAddress: string;
  port: number;

  constructor(private configService: ConfigService) { }

  ngOnInit(): void {
    this.ipAddress = this.configService.getIpAddress();
    this.port = this.configService.getPort();
  }
}

通过以上步骤，你可以在MyComponentComponent中获取从JSON文件读取的IP地址和端口，并在需要的地方使用它们。

请注意，上述代码中的assets/config.json是一个示例JSON文件路径，你需要根据实际情况修改为你的JSON文件路径。另外，你还需要在angular.json文件中将该JSON文件添加到assets数组中，以确保它能够被正确加载。

希望以上答案能够满足你的需求。如果你有任何其他问题，请随时提问。