2016-05-24 5 views
1

Я использую:
"@ угловом/ядра": "2.0.0-RC.1"
"@ угловой/маршрутизатор": «2.0.0 -rc.1"

Я пытаюсь иметь несколько параметров для моей домашней странице, мои маршруты@ угловой/маршрутизатор не делает маршруты правильно с параметрами

@Routes([ 
    {path: '/', component: HomeComponent}, 
    {path: '/:mode', component: HomeComponent}, 
    {path: '/:mode/:email', component: HomeComponent} 
]); 

Когда доступ http://localhost:2368/test это работает, и я получаю тест RouteParams.params.mode ==» ' Однако, когда я пытаюсь добавить второй параметр, обратившись к http://localhost:2368/test/email, я получаю:
GET http://localhost:2368/test/js/app.js 404 (не найдено)
Браузер пытается загрузить app.js из test/js url, который, очевидно, не существует, поскольку тест является моим первым параметром.

Другая проблема у меня, когда я пытаюсь добавить реальный адрес электронной почты в качестве параметра я получаю:
не может получить /[email protected]

Любая помощь будет оценена.

EDIT:
Ошибка 404, как из-за моего WebPack конфигурации, который использовал относительный путь.
, но я до сих пор не могу запустить URL-адрес с параметрами маршрутизатора

+0

Так это 404 теперь пошли после фиксации пути? Какая у вас ошибка? Я думаю, что ваша проблема: http://stackoverflow.com/questions/31415052/angular-2-0-router-not-working-on-reloading-the-browser –

+0

ну в принципе мне нужно иметь несколько параметров для одного маршрута { path: '/ page /: param1 /: param2 /: param3', component: HomeComponent}, но когда я перехожу к странице/value1/value2/value3, я получаю: Невозможно сопоставить любые маршруты. Текущий сегмент: «значение3». Доступные маршруты: ['/ page /: param1 /: param2 /: param3'] – Mush

+0

Это звучит как ошибка нового маршрутизатора. Можете ли вы попытаться инвертировать порядок маршрутов в '@RouteConfig()' ('/' last, '/: mode /: email' first)'? –

ответ

0

Я добавил две строки, отмеченные стрелками, и теперь это работает.

bootstrap(App, [ 
    HTTP_PROVIDERS, 
    ROUTER_PROVIDERS, 
    provide(APP_BASE_HREF, { useValue: "/" }), <-------- Added 
    provide(LocationStrategy, { useClass: HashLocationStrategy }) <-------- Added 
    ]).catch(err => console.error(err)); 

спасибо за поддержку Гюнтер Zöchbauer

Смежные вопросы