我需要根据从 API(站点地图)接收的数据在 Angular 应用程序启动时创建路由。\n1. APP_INITIALIZER 调用 SettingsService.loadSettings 从 API 获取数据\n2。数据到达 ROUTES 并构建所需的路线。
\n\n应用程序模块.ts
\n\nimport { BrowserModule } from \'@angular/platform-browser\';\nimport { NgModule, APP_INITIALIZER } from \'@angular/core\';\nimport { HttpClientModule } from \'@angular/common/http\';\nimport { RouterModule, ROUTES } from \'@angular/router\';\n\nimport { AppComponent } from \'./app.component\';\nimport { MuseumComponent } from \'./museum/museum.component\';\nimport { SettingsService } from \'./services/settings.service\';\n\nexport function initSettings(settings: SettingsService) {\n return () => settings.loadSettings();\n}\n\nexport function buildRoutes(settings: SettingsService) {\n console.log(\'SettingsService.currentSettings\', settings.currentSettings);\n const routes = [];\n settings.currentSettings.site_map.forEach(element => {\n routes.push({\n path: `/${element.url}`,\n component: MuseumComponent\n });\n …Run Code Online (Sandbox Code Playgroud)