как я могу обновить контент на основе изображений, которые я нажимаю (Angular 2+)

Question

Я новичок в angular (точно angular 9). Я надеюсь, что кто-то может направить меня в правильном направлении.

У меня есть 5 изображений, расположенных вертикально друг под другом с левой стороны и посередине, я должен обновить содержимое на основе изображения, которое я буду нажмите кнопку. Посередине может быть любое количество полей в зависимости от того, какое изображение я нажму. Кто-нибудь может подсказать мне, как мне это сделать?

Вот что я хочу: Дизайн страницы

Answer 1

для этого вы должны использовать пути angular для загрузки компонента на основе изображения, на которое вы нажимаете, например: поместите этот атрибут в образ routerLink = "/ Customers", где customer - это имя его компонента. , Я оставляю вам ссылку официальной документации.

https://angular.io/guide/lazy-loading-ngmodules

извините, мой английский sh не очень хорош.

Answer 2

1. Создание компонентов для каждой кнопки,
2. Добавление / настройка маршрутов в app.module.ts
3. Добавление события нажатия на кнопки для перехода к этим маршрутам
4. Затем загрузите компоненты с помощью роутера-розетки