如何在Dart中设置@RouteConfig

Question

考虑到以下情况

.ts

@RouteConfig([
  { path: '/',          name: 'root',      redirectTo: ['Home'] },
  { path: '/home',      name: 'Home',      component: HomeComponent },
  { path: '/about',     name: 'About',     component: AboutComponent },
  { path: '/contact',   name: 'Contact',   component: ContactComponent },
  { path: '/protected', name: 'Protected', component: ProtectedComponent },
])

在dart中使用相同的代码会产生很多错误。正确的dart代码是什么？为列表添加const不会更正错误

Answer 1

在Dart中，您需要引用映射键

{ 'path': '/', 'name': 'root', 'redirectTo': ['Home'] }

Answer 2

试一试

  @RouteConfig( const [
    const Route(path: '/',          name: 'root',      redirectTo: ['Home']),
    const Route(path: '/home',      name: 'Home',      component: HomeComponent),
    const Route(path: '/about',     name: 'About',     component: AboutComponent),
    const Route(path: '/contact',   name: 'Contact',   component: ContactComponent),
    const Route(path: '/protected', name: 'Protected', component: ProtectedComponent)
  ])

来源：Angular Cheat Sheet - dart

Answer 3

更正一个(不带Dart不支持的redirectTo )：

@RouteConfig( const [
    const Route(path: '/home',      name: 'Home',      component: HomeComponent, useAsDefault: true),
    const Route(path: '/about',     name: 'About',     component: AboutComponent),
    const Route(path: '/contact',   name: 'Contact',   component: ContactComponent),
    const Route(path: '/protected', name: 'Protected', component: ProtectedComponent)
])