Настройка углового ui-router для использования абсолютных URL по умолчанию

Question

Мое угловое приложение с ui-router работает внутри страницы по адресу /content/page.html. На странице также есть

<base href="/somewhere"> 

тег в голове.

Благодаря базовой теге я в конечном итоге с неправильными URL-адреса, указывающие на /somewhere#/section1 вместо /content/page.html#/section1

Я не могу удалить этот базовый тег, так как я только небольшая часть большого сайта. Есть ли способ сделать ui-router генерировать абсолютные URL по умолчанию? Я заметил, что ui-sref-opts="{absolute: true}" может это сделать, но он создает ссылку, используя базовый тег. Есть ли способ заставить ui-router всегда создавать абсолютные URL-адреса, используя window.location.pathname?

Редактировать: Я создал this plunker, что демонстрирует проблему.

С уважением, Маркус

Answer 1

решаемым его с помощью углового декоратора и переопределения поведения функции $ urlRouter «HREF».

Answer 2

Вы можете попробовать заменить <base href="/somewhere"> на <base href="/"> и добавить ссылку с вашего URL в вашей конфигурации маршрута в app.js.

HTML:

<base href='/'> 
<a ui-sref="nameOfTheRoute">Link</a> 

в app.js добавить маршрут:

$stateProvider.state('nameOfTheRoute',{url:'/', templateUrl:'Content/page.html'}) 

PS: Я попробовал это на моем приложение с другой базовой HREF, и это работает, так что вы можете попробовать без изменения базы URL-адрес.

HTML:

<base href='/somewhere'> 
<a ui-sref="nameOfTheRoute">Link</a> 

в app.js добавить маршрут:

$stateProvider.state('nameOfTheRoute',{url:'/somewhere', templateUrl:'Content/page.html'}) 

Я надеюсь, что это поможет вам.

Answer 3

Я надеюсь, что этот ответ поможет вам больше, чем мои предыдущие ответы ^^. Я протестировал ваш плункер, и теперь работает маршрут по умолчанию. Я надеюсь, что это то, что вы ищете

new plunker

Keep me informed.