小编Ale*_*iev的帖子

Angular 5 在启动时根据 API 数据构建路线

我需要根据从 API(站点地图)接收的数据在 Angular 应用程序启动时创建路由。\n1. APP_INITIALIZER 调用 SettingsService.loadSettings 从 API 获取数据\n2。数据到达 ROUTES 并构建所需的路线。

\n\n

应用程序模块.ts

\n\n
import { 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)

angular angular-router

2
推荐指数
1
解决办法
4910
查看次数

标签 统计

angular ×1

angular-router ×1