Угловой маршрут 2 CLI, не отображающий содержимое HTML

Question

Я создал новый проект с CLI Angular2, а также добавил маршрут под названием item. Теперь я пытаюсь добраться до html-страницы, позвонив по адресу: http://localhost:4200/item

, но он отображает только стандарт: приложение работает! текст, а не содержимое страницы элементов. Я также пробовал http://localhost:4200/#item Тот же результат.

Я не изменил никакого кода, за исключением item.component.html.

Любая идея, что я делаю неправильно, возможно, я не могу использовать CLI, пока она находится в альфе?

Благодаря

Answer 1

Это немного проблематично использовать CLI, особенно с новым маршрутизатором, как это и активно развивается атм.

CLI (atm) не способен правильно обрабатывать создание автоматической маршрутизации. Сейчас я использую обходной путь:

Обновить ваш package.json использовать версию маршрутизатор

"@angular/router": "3.0.0-alpha.3"

импорта на ROUTER_DIRECTIVES к вашему parent.component.ts как

родителя. компонентов.

import {ROUTER_DIRECTIVES} from '@angular/router';

Где mother.component.ts, конечно же, является вашим самым глобальным компонентом приложения. Не забудьте вставить ROUTER_DIRECTIVES в массив директив в parent.component.ts иметь тег

<router-outlet></router-outlet> 

доступны.

Тогда в main.ts, импортировать provideRouter и RouterConfig вручную добавить его в bootstraping как:

//other imports 
import {provideRouter, RouterConfig} from '@angular/router'; 
import {HomeComponent} from './app/+home/home.component'; 
import {LoginComponent} from './app/+login/login.component'; 

bootstrap(parent.component.ts, provideRouter([ 
    {path: '/home', component: HomeComponent}, 
    {path: '/login', component: LoginComponent}, 
])` 

Я знаю, что это своего рода уродливое, но он работал на меня, и я не мог найти способ использовать функциональные возможности маршрутизации, но это может (надеюсь) измениться, пока угловое2 и CLI еще больше улучшится.