Перенаправление Angular 4 для моих старых хеш-адресов на новые без хэш-URL-адресов не работает

у нас есть одностраничное приложение, которое ранее имело простую структуру вкладок, где все щелчки вкладок имеют соответствующие #urls.

Примеры: http://tvsntorq.com/#Price, http://tvsntorq..com/#Colour

Но теперь я реализовал это в Angular 4, и теперь у нас есть URL-адреса без хэша. Которые выглядят следующим образом: http://tvsntorq.com/price, http://tvsntorq.com/color

Теперь я добавил следующие маршруты в свой модуль маршрутизатора:

...
  {
    path: '#Colour',
    redirectTo: 'colour',
    pathMatch: 'full'
  },
  {
    path: '#Price',
    redirectTo: 'price',
    pathMatch: 'full'
  },  
 {
    path: 'colour',
    component: ColorComponent
  },
  {
    path: 'price',
    component: PriceComponent
  }
....

Но это, кажется, не работает. Все, что я хочу, это перенаправить мой старый URL-адрес с хэшем на новый без URL-адресов, соответствующих хешу. Является ли это возможным? Помощь.


angular angular-routing url-redirection angular4-router
person vishal kokate    schedule 05.04.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Если вы хотите использовать хэш в своих URL-адресах, вы должны передать аргумент вашему RouterModule.forRoute в разделе NgModule, imports следующим образом:

RouterModule.forRoute(yourRoutesArray, {useHash: true})

Если вам это не нужно, просто опустите второй аргумент или вместо него отправьте false.

person Soheil    schedule 05.04.2018