Какая разница между компонентом и модулем Angular

Я смотрел видео и читал статьи, но эта конкретная статья заставляла меня так запутаться, в начале статьи она говорит

Приложения в Angular следуют модульной структуре. Приложения Angular будут содержать много модулей, каждый из которых будет посвящен одной цели. Обычно модуль представляет собой сплоченную группу кода, которая интегрирована с другими модулями для запуска приложений Angular.

Модуль экспортирует некоторые классы, функции и значения из своего кода. Компонент является фундаментальным блоком Angular, и ваши приложения будут составлять несколько компонентов.

Модуль может быть библиотекой для другого модуля. Например, библиотека angular2/core, которая является основным библиотечным модулем Angular, будет импортирована другим компонентом.

Являются ли они сменными терминами? Является ли компонент модулем? Но не наоборот?

Ответ 1

Компоненты управляют представлениями (html). Они также взаимодействуют с другими компонентами и услугами, чтобы обеспечить функциональность вашего приложения.

Модули состоят из одного или нескольких компонентов. Они не контролируют какой-либо html. Ваши модули объявляют, какие компоненты могут использоваться компонентами, принадлежащими другим модулям, какие классы будут инъецированы инжектором зависимостей и какой компонент будет загружен. Модули позволяют управлять вашими компонентами, чтобы обеспечить модульность вашего приложения.

Ответ 2

Что ж, уже слишком поздно отправлять ответ, но я чувствую, что будет easy понять, кто новичок в Angular. Один из примеров, которые я привожу во время своей презентации.

Рассмотрим ваше угловое приложение как Building. В здании может быть N Apartments. Apartment считается Module. Квартира может иметь N rooms которые соответствуют строительным блокам приложения Angular, называемым Components.

Теперь каждая Apartment (Module) будет иметь Rooms (Components), Lifts (Services) чтобы обеспечить большее движение в квартирах и из них, Wires (Pipes) чтобы перемещать информацию и делать ее полезной в квартирах.

У вас также будут такие места, как swimming pool, tennis court которые являются общими для всех жителей здания. Таким образом, они могут рассматриваться как компоненты внутри SharedModule.

В основном, разница заключается в следующем,

Следуйте моим слайдам, чтобы понять строительные блоки приложения Angular

Ответ 3

Угловой компонент

Компонент является одним из основных строительных блоков приложения Angular. Приложение может иметь более одного компонента. В обычном приложении компонент содержит файл класса страницы представления HTML, файл класса, который управляет поведением страницы HTML, и файл CSS/scss для стилизации вашего представления HTML. Компонент может быть создан с помощью @Component decorator, который является частью модуля @angular/core.

import { Component } from '@angular/core';

и создать компонент

@Component({selector: 'greet', template: 'Hello {{name}}!'})
class Greet {
  name: string = 'World';
}

Чтобы создать компонент или угловое приложение, вот учебник

Угловой модуль

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

Модуль может быть создан с использованием декоратора @NgModule.

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Ответ 4

Самое простое объяснение:

Модуль похож на большой контейнер, содержащий один или несколько небольших контейнеров, которые называются Компонент, Сервис, Труба

Компонент содержит:

HTML-шаблон или HTML-код
Код (машинопись)
Сервис: это повторно используемый код, который используется Компонентами так, что перезапись кода не требуется
Труба: принимает данные в качестве входных данных и преобразует их в желаемый выходной

Ответ 5

Модуль в Angular 2 - это нечто, состоящее из компонентов, директив, сервисов и т.д. Один или несколько модулей объединяются в приложение. Модули разбивают приложение на логические кусочки кода. Каждый модуль выполняет одну задачу.

Компоненты в Angular 2 - это классы, в которых вы пишете логику для страницы, которую хотите отобразить. Компоненты управляют представлением (html). Компоненты связываются с другими компонентами и сервисами.

Ответ 6

Компонент - the template(view) + a class (Typescript code) containing some logic for the view + metadata(to tell angular about from where to get data it needs to display the template).

Модули в basically group the related components, services together так что вы можете иметь функциональные фрагменты, которые затем могут работать независимо. Например, приложение может иметь модули для функций, для группировки компонентов для определенной функции вашего приложения, такой как панель инструментов, которую вы можете просто захватить и использовать внутри другого приложения.