在Angular中，通过在应用程序启动时动态加载MSAL配置，可以实现更灵活的配置管理。以下是一个简单的示例：

1. 在src/app目录下创建一个config.service.ts文件，以处理配置加载和管理：

import { Injectable } from '@angular/core'; import { Configuration } from './configuration.model'; import { HttpClient } from '@angular/common/http';

@Injectable() export class ConfigService { private configuration: Configuration; constructor(private httpClient: HttpClient) { } loadConfig() { return this.httpClient.get('assets/config.json').toPromise().then(data => { this.configuration = data; }); } getConfig(): Configuration { return this.configuration; } }

2. 创建一个配置文件（config.json）来存储MSAL的配置数据：

{ "clientId": "your-client-id-here", "authority": "https://login.microsoftonline.com/your-tenant-id-here", "redirectUri": "https://localhost:4200" }

3. 在app.module.ts中添加以下代码来应用config.service.ts：

import { HttpClientModule } from '@angular/common/http'; import { ConfigService } from './config.service';

@NgModule({ imports: [ BrowserModule, HttpClientModule, MsalModule.forRoot({ provide: MSAL_CONFIG, useValue: { auth: { clientId: '', authority: '', redirectUri: '' } } }) ], declarations: [AppComponent], bootstrap: [AppComponent], providers: [ConfigService], })

export class AppModule { constructor(private configService: ConfigService) { configService.loadConfig(); let configuration = configService.getConfig(); MSAL_CONFIG.auth.clientId = configuration.clientId; MSAL_CONFIG.auth.authority = configuration.authority; MSAL_CONFIG.auth.redirectUri = configuration.redirectUri; } }

此时，MSAL_CONFIG将动态加载配置数据，以便应用程序可根据需要自动更新其配置。