#angular #angular-routing #angular-router #angular-routerlink #angular-router-params
Вопрос:
У меня есть список элементов, который отображается в list.component из службы angular.
Когда пользователь нажимает на один из этих элементов, он показывает скрытый div » До » с помощью css, в котором отображаются сведения о выбранном элементе:
<div class="show-on-click"
<show-details-component [currentService]="currentService" [localServices]="localServices"></show-details-component>
</div>
Этот компонент отображает сведения о выбранном элементе с помощью декоратора ввода ().
Я ищу was, чтобы передать идентификатор или слово, неважно, на URL-адрес, чтобы я в любом случае создал ссылку на сведения о конкретном элементе, и чтобы пользователь мог использовать кнопку «назад», чтобы вернуться в список и не покидать весь компонент.
Я проверил документацию angular и много искал, но не смог найти решение.
Я был бы признателен за подсказку! Большое спасибо
Комментарии:
1. Вам нужно что-то вроде product/myProductId ? Если да, то angular.io/start/start-routing
Ответ №1:
Я думаю, вам следует реализовать стратегию маршрутизатора, чтобы показывать детали товара.
Вы можете использовать дополнительные маршруты и размещать их в html-файле в любом месте, где захотите. В этом случае у вас будет возможность добавить кнопку «Назад» и позвонить this.location.back() , или использовать элементы управления историей браузера.
Данные, которые вы можете передавать через общие службы или параметры маршрутизатора.