Контекстно-зависимые URL-адреса через JS?

Question

[sxivanov]

Опишу свою задачу в кратце. У меня должна быть кнопка с атрибутом disabled, то есть отключена в зависимости от определенных условий.
Эта кнопка должна вести на другую страницу.
Если вставить в кнопку ссылку
<a th:href="@{/link}}}" />
то все работает как надо, но ссылка внутри кнопки не блокируется.
Как реализовать метод в JS для перехода по ссылке, учитывая проблему указанную на скрине?
Методы window.location и window.open открывают localhost:8080/link, а нужно localhost:8080/myapp/link
Захардкодить "myapp/link" не вариант.

Answer 1

[Алексей Уколов]

В нормальном мире "кнопка" не должна никуда "вести". Кнопка запускает какой-либо процесс, за переход на другой URL же отвечает ссылка.
Если вы сделаете нормальную семантическую разметку: попадаем под "определённые условия", то рендерим div или выключенную кнопку (тут нужно смотреть по контексту), а не попадаем - обычную ссылку, то всё будет работать без всяких плясок с бубном.

Comments

[sxivanov]

То есть, используем условную отрисовку: если условия позволяют перейти, то рендерим ссылку и стилизуем ее (можно как кнопку), а если условия НЕ позволяют, то рендерим просто button с атрибутом disabled?

[Сергей delphinpro]

Руслан Иванов, необязательно button, можно просто span, или даже a без атрибута href.

[sxivanov]

Сергей delphinpro, все ок
Попробую это

Просто суть была в том, чтобы была кнопка, которая при определенном селекте была доступна и перекидывала на страницу этого селекта. И вот обычный button с ng-click (это первый Ангуляр) с этим справлялись, пока не получили ошибку, когда открываешь на localhost:xxxx/homepage

[Алексей Уколов]

Да, всё верно.