Я пытаюсь смоделировать файловую систему в веб-приложении, созданном с помощью Angular.
Допустим, у меня есть fileExplorer.component, который отображает файловую систему.
Я хочу отображать этот же компонент для каждого маршрута. Например.
{
path: 'file-explorer',
component: fileExplorerComponent,
children: [
{
path: '/deep',
component: fileExplorerComponent
children: [
{
path: '/deeper',
component: fileExplorerComponent
children: [
{
path: '/deepest',
component: fileExplorerComponent
},
{
path: '/deepest2',
component: fileExplorerComponent
},
{
path: '/deepest3',
component: fileExplorerComponent
}
]
},
{
path: '/deeper2',
component: fileExplorerComponent
},
{
path: '/deeper3',
component: fileExplorerComponent
}
]
},
{
path: '/deep1',
component: fileExplorerComponent
},
{
path: '/deep2',
component: fileExplorerComponent
}
]
}
Но это может продолжаться до 10 уровней или даже одного уровня.
Проблема в том, что я хочу также сохранить информацию о маршруте.
Как мне решить эту проблему?