Ваш вопрос не совсем понятен, но постараюсь на него ответить, как вы сами знаете правильно поставленный вопрос - это половина ответа.
Модули в Angular - довольно сложная тема, но постараюсь объяснить простыми словами. Концепция модулей в Angular в первую очередь придумана для реализации принципа "разделение ответственности". Каждый модуль это черный ящик, который инкапсулирует в себе определенную бизнес логику. На практике, конечно, модули используются для повышения производительности крупных приложений благодаря возможности загрузки по требованию (lazy-loading). У модулей нет никаких задач и не нужно им ничего поручать или писать какой-то код, у модулей нет жизненного цикла. Цель модуля в первую очередь заключается в том, чтобы скомпилировать компоненты, объявленные в declarations
, у каждого модуля есть свой инстанс класса Compiler
, так же вторичная цель модуля - это управление механизмом DI (внедрение зависимостей), в рантайме модуль так же является инжектором.
@NgModule()
export class AppModule {
constructor(injector: Injector) {
console.log(injector.constructor.name === 'NgModuleRef_'); // true
}
}
Если заинжектить зависимость по токену Injector
в модуль - то в итоге модуль получить ссылку на самого себя.
Команда Google, а именно Мишко Хевери (тимлид Angular) еще при разработке 1.х Angular решил предоставить людям возможность использовать архитектуру SCA (service-component architecture). Если будем говорить в данный момент об Angular 2+ - то перед сервисами так же стоит цель изолировать логику, которую можно шарить между компонентами, делая ее reusable
. Любой сервис должен делать что-то конкретное.

Вы можете полностью всю логику написать в 1 компоненте, и запросы делать из компонента, и манипулировать большими данными, но все это портит дизайн, а декомпозиция - прежде всего. В компонентах нужно всего навсего реализовывать логику обновления данных.

В случае с Angular - VM (view-model) - это промежуточный слой между данными и представлением, которое видит конечный пользователь, задача VM - обновлять модель, всю остальную логику вы выносите в сервисы. Можно ли одному сервису дать задачу делать оба запроса на разные серверы или нужно писать два сервиса?
- на ваше усмотрение.
UPD:
Нет такого понятия как архитектура компонентов, есть архитектура приложения. По поводу вашего приложения "прогноз погоды" я бы просто создал 1 сервис для работы с API, назвал бы его WeatherService
, и несколько компонентов, один компонент для отображения погоды после того, как пользователь выберет город, компонент поиска и компонент подсказок. Для всех приложений нет какой-то определенной структуры, Angular - изоморфная платформа, которая позволяет спроектировать архитектуру любой сложности. Весь этот высокоуровневый дизайн начинает проектироваться после определения проблемы / выработки требований / создания плана конструирования, это все очень ситуативно.
На диаграмме компоненты ничего не отдают, эти стрелки в принципе можно назвать делегатами, но на самом деле они показывают что компоненты не общаются напрямую с менеджером состояний, а используют промежуточный слой (посредник), хотя в свою очередь менеджер после проделанной работы может известить компонент с какой-то информацией. Данная диаграмма - это маленький фундамент любого энтерпрайз Angular приложения сегодня, от нее уже дальше все отталкиваются.