routing - test - href angular 2

Enrutamiento angular2: no aparece nada

Question

Estoy tratando de implementar un enrutamiento básico con Angular2 pero sin éxito: --D En realidad, ni siquiera tengo un error, simplemente no obtengo nada en la página (lo cual no me ayuda a depurar el problema ^^). Esto es lo que hice:

• Bootstrap " ROUTER_PROVIDERS " de '' angular / enrutador ''
• Defina las rutas en el componente principal (ver a continuación).
• Agregue un elemento " router-outlet " en la plantilla del componente principal.
• El componente principal implementa " ngOnInit " y utiliza el enrutador para redirigir al usuario a la ruta denominada " Empresa ".

Las rutas:

@RouteConfig([
    { path: ''/company'', component: CompanyComponent, name: ''Company'' },
    { path: ''/missions'', component: MissionComponent, name: ''Mission'' }
])

Cuando accedo a mi página, me redireccionan correctamente a " / company ", por lo que parece que las rutas están definidas correctamente, pero aún así, no veo nada. Traté de agregar el elemento " empresa " en la plantilla del componente principal para ver si este componente estaba bien, y cuando lo hago, aparece correctamente, así que no creo que sea un problema relacionado con los componentes.

Comprobé el ejemplo en vivo del tutorial angular y la única diferencia que veo es que usan el decorador " Rutas " en lugar de " RouteConfig ". Cuando hago eso, WebStorm solo encuentra " Rutas " en " angular2 / alt_router " y no funciona de todos modos (tengo un error que dice que Angular no encuentra mis rutas) ...

Simplemente parece que el " router-outlet " no se encuentra / llena, pero no tengo idea de por qué.

Estoy usando angular2 beta 17

Answer 1

La diferencia que tiene entre la documentación que está leyendo y el código que está utilizando es la versión angular. Si va al sitio del enlace Angular2 Routing & Navigation , puede ver en negrita:

This chapter is a work in progress.

It describes the release candidate Component Router which replaces the beta router.

La versión que está utilizando es la anterior, para la cual se puede encontrar la documentación aquí

Allí puede consultar la aplicación de ejemplo para ver qué es diferente de su implementación.

Sin embargo, le sugiero que actualice a la versión RC de angular2 en lugar de usar la versión beta.