Alexander Belov: Все верно. Общие header/main/footer не получится сделать. А далее я так и намерен сделать(как вы указали).
Остается решить вопрос со стилизацией глобальных компонентов. Указывать стили к поиску в стилях каждого раздела - так делать не хорошо имхо. Глобальных компонентов может быть много и многие из них могут понадобиться в других компонентах. У некоторых могут быть большие стили, по этому я не хочу так делать.
Alexander Belov: У вас один шаблон. У меня же несколько. Попробую объяснить по другому. У меня получается что каждая страница(назовем так) идет как отдельный сайт. Тостер - один шаблона, а Хабр - другой шаблон.
Alexander Belov: Это не представляется возможным, так как у страниц сложные шаблоны. Все отличается(в некоторых местами а в некоторым полностью). Да и один каркас я не представляю как сделать. Как каркас в таких ситуациях(как моя) header,main,footer надо указывать в главной компоненте каждой страницы.
Тоже об этом думал. Но мне кажется что это не то.
Мне кажется правильным решением, передавать с помощью директив ссылки на шаблоны + стили при подключении компонента.
Т.е search([templateUrl]="./page-a/page-a.template" [stylesUrl]="./page-b/page-b.styles")
Но к сожалению, я не смог такое реализовать.
Алексей Зуев: Вы были правы. Он ругается на то что я пытаюсь подключить модуль динамически.
Я несколько раз посмотрел этот скринкаст и видимо не всему уделил должное внимание. По делом мне как говорится ).
Надеюсь разработчики webpack`a что-нибудь придумают и сделают это возможным - было бы очень круто. Большое спасибо что уделили время и помогли мне понять что к чему.
Алексей Уколов: Подумав, пришел к одной идеи. Улучшить функционал pug`a тем самым предотвратить создание элемента в круглых скобках. Это либо баг, либо я не понял почему разработчики это сделали.