Как правильно реализовать такой routing Angular 2+?

Question

[sdgroup14]

Angular4/5

у api я забираю ключ значение.... В данном случае ключ "control" и значение "1" или "0". Этот ключ относится к итему.
При клике на итем в статическом виджете(который не входит в роут и итемов может быть 100500) в главном меню должен измениться текст ссылки, в зависимости от значения "control", к примеру с "LinkName1" на "LinkName2" и ссылка под средством роута ведет на компонент в котором тоже взависимости от "control" должен получится "Content1" или "Content2". Я бы создал 2 разных компонента и просто бы сыллку показывал или скрывал, вот только на этой странице есть статический виджет и я его не хочу дублировать.... Посмотрите пожалуйста на иллюстрацию.... Я не мастер писать тексты которые все поймут, так что прошу заранее прощения :)

Comments

[NightBuster]

Обработать клик в компоненте и установить state, используя который установить уже текст ссылки и роут.

А вообще по схеме не очень понятен контекст, укажите подробнее/нагляднее пример

[sdgroup14]

NightBuster,

[sdgroup14]

NightBuster,
На скринах все наглядно передал 2 состояния
синее - это клик по итему
желтое -Это наш route-outlet
красное - это то что меняетс

Эти машины(то что обведено сииним и под ним в левой части скрина) выведены через ngFor и у них есть ключ/значение "control": 0 или "control": 1. при клике на этот итем, В зависимости от 0 или 1 у меня должно поменяться
1) В меню надпись ссылки если 0 "Состояние" если 1 "состояние и управление" как на скринах
2) В выводе правый виджет остается такойже, а основной контент если 0 то История, 1 машина с кнопками по дней и история под ними. как на скринах
3) я тут задачу не описывал но при клике на 2 машины в левом виджете, то в меню должно все убраться и остаться только меню под названием "Карта" и "Отчеты"

Я вот реально не пойму, что все чтоли так просто? в 1) и 2) я просто должен проверять меню и блок с Авто скнопками через ngIf - отображать и менять надпись в зависимости если созданная мной переменная по бинду true или false ???? А в 3) я долженпри клике на 2 проверять количество выделенных авто и хайдить пункты меню и редиректить к примеру на карты? Это разве не костыль? Я просто переживаю.... тут очень серьезное апи и боюсь все криво написать, что на середине проекта я все запорю....

Прости меня за дурной вопрос, за Ангулар первый раз сел и до этого не писал и не хотел потому что знаю что мало знаний, но я на работе и выбирать не приходится

Answer 1

[ar5]

Посмотрел комментарии, да вроде ничего сложного нет, либо это можно через store сделать. В желтом компоненте подписаться на изменение стора, куда ты будешь пихать в массив id машин допустим и от этого отображать те или иные состояния твоего верхнего бара. Или можешь сделать через query parameters и подписаться на них. /?selectedcars=1,2,3,4,5 что бы еще с urla нельзя было добавить некорректные id.
А по поводу роутинга можно сделать, если исходить что это главная страница

'/'
   '/info'
       ' '
       '/map'
       '/status'
        'report'

Еще зависит может быть у тебя машина не выбрана?

Comments

[sdgroup14]

Да зависит :) Над желтым компонентом меню... Есть страница "Карты" . если не выбрана ни одна из машин. редирект на Карты на которых отображаются все машины. А эта страница и пункт меню "состояние" прячутся.
Реализовать и сам смог... но я просто беру и через сервис передаю данные в той или инной компонент и делаю уже там вывод через полученные данные. Но проект большой и это мой первый опыт и у меня предчувствие что если я так буду передавать и проект разростется, я просто напросто потом запутаюсь и не смогу с ним работать. Вообще по сути есть сущность.... машина. На нее кликаешь и дожна подставляться инфа на все страницы.... Это мини админка.... И вот я не знаю правильный способ это все реализовать

[ar5]

sdgroup14, ну в желтом роутинге у тебя два компонента мини компонент со своим роутингом и информационный. Желтый роутинг это компонент обертка, который будет данные раскидывать, он может также рулить инфоблоком, допустим если выбрано несколько, то он может скрывать