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

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

Неправильно отсчитывает высоту элемента при загрузке страницы?

ну я костыльно вам просто дал пример чтоб проверить портит ли вам ваш контент при загрузке вычисление высоты. Вот как итог вы сами написали.... Вам нужно сделать высоту контейнера gif как минимум и тогда будет все ок

Неправильно отсчитывает высоту элемента при загрузке страницы?

ну в таком случае сделайте сеттаймаут проверьте таким примитивным способом.... если подряд будет все ок, то значит действительно загрузка контента мешает....
$(document).ready(function () {
setTimeout(){function(){
bountyWizard();
}, 5000}
})

Как реализовать Сервис который отвечает только за набор boolean значений Angular 2-5?

Евгений Калибров, Вообщем, спасибо, я немного изменил, потому что .change[this.key].subscribe(isOpen => { - он не понимал change[key].... Я сделал так, все работает

toggleStateSetHotKeysModal(key) {
this.stateSetHotKeysModalisOpen = !this.stateSetHotKeysModalisOpen;
this.modalArr[key] = this.stateSetHotKeysModalisOpen;
this.change.emit(this.modalArr);
}

а в компоненте

this.key = this.StateSetHotKeysModalService.modalArr.length + 1;
this.StateSetHotKeysModalService.change.subscribe(isOpen => {
this.stateSetKeyIsOpen = isOpen[this.key];
});

Еще раз спасибо огромное :)

Как реализовать Сервис который отвечает только за набор boolean значений Angular 2-5?

Я вас понял, идея замечательная :). только вот я не понял каким образом key присваевается окну... У меня не получается.... Но если по честному, то вы на вопрос ответили и я понял логику. Отмечу решенным, но если не сложно будет вам, помогите добить этот вопрос. Спасибо.

Как реализовать Сервис который отвечает только за набор boolean значений Angular 2-5?

Евгений Калибров, Я не совсем понимаю как key заходит в массив categoryModalisOpen[]

Как реализовать Сервис который отвечает только за набор boolean значений Angular 2-5?

ERROR TypeError: Cannot read property 'subscribe' of undefined

а потом при клике

ERROR TypeError: Cannot read property 'key' of undefined ----- BtnComponent

А какой ключ я должен передать в

и еще
this.key = this.CreateCategoryModalService.stateSetHotKeysModalisOpen.lenght + 1;

я так понимаю вы просто мне описали логику? это не правильное выражение? потому что this.CreateCategoryModalService.stateSetHotKeysModalisOpen это массив... Вы имели ввиду чтоб я в массив запушил key модалок, а потом по ихнему ключу вызывал? Т.е. в моем примере я блрал переменную boolean, а вы хотите чтоб я с массива ее просто забирал?

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

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 проверять количество выделенных авто и хайдить пункты меню и редиректить к примеру на карты? Это разве не костыль? Я просто переживаю.... тут очень серьезное апи и боюсь все криво написать, что на середине проекта я все запорю....

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

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

NightBuster,

Как правильно с делать вывод json через *ngFor?

Да, вот только в задаче false это не категория :) а все что подпадает в false должно находился не в категории "false", а в общем контейнере. В вашем примере должно быть так

-- my-app
---- B
------ Авто 1
------ Авто 2
------ Авто 3
---- А
------ Авто 4
---- Авто 5
---- Авто 6
---- авто 7

т.е. Авто 5 6 7 не попало ни в одну из категорий и вынесено в общий контейнер

Как растянуть прелоадер с svg?

A rect у вас 100px...

Angularjs дочерние стейты abstract state?

Николай: Николай: Да я смотрел эту статью, и планкер. Там state contacts передаёт 2 значения через $scope на дочерний state contacts.list... Который автоматически подгружается. И после при клике он в detail подхватывает кликнутый scope через :id. Но я не понимаю вообще по сути abstract state...(

Angularjs дочерние стейты abstract state?

Вот ссылка на хабр...
https://github.com/sdgroup14/site

Angularjs дочерние стейты abstract state?

Прошу прощения, но дело в том что тогда я не понимаю зачем существует абстрактный.
Я перерыл документацию, но там как бы разные ответы :). Я стараюсь все это постичь, но видимо не хватает воображения.
Дело в том что водной документации( https://www.youtube.com/watch?v=uyD8k8Kvpp0&t=69s ) описано что с помощью этого свойства можно по сути вместо инклюдов сделать header footer и так далее, мол человек не взаимодействует к ним, чтоб к ним перейти. Но я ж могу не парится и все это заинклюдить? Зачем тогда такие большие манипуляции с роутингом? зачем этот абстрактный стейт нужен?

В другом примере, https://www.youtube.com/watch?v=dJ6320ZqR5U на 47 минуте человек показывает, что у него по дефолту вызывается страница одна domain/page1/ но она якобы пустая...
и для того чтоб в ней присутствовал контент он включает этот абстрактный стейт, чтоб подключить еще на уровень ниже и теперь по дефолту ты переходишь на domain/page1 а на самом деле подключается domain/page1/content1.

Очень тяжело и путают такие разьяснения... Конечно я понимаю что я не подарок, но я очень стараюсь это постичь. :) Помогите пожалуйста