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

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

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

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

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

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

5 72
angularjs module angular-components

5 ответов:

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

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

108

Угловым Элементом

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

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

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

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

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

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

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

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

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

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

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

9

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

рассмотрите свое угловое приложение как Apartment. Квартира может иметь N число houses в нем. А House считается Module. Дом может иметь N количество rooms которые являются строительными блоками приложения с именем Components.

теперь каждый House(Module) будет Rooms(Components),Lifts(Services) чтобы соединиться между домами,Electricity(Pipes) для украшения дома.

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

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

enter image description here

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

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 Так что вы можете иметь блоки функциональности, которые затем могут работать самостоятельно. Например, приложение может иметь модули для функций, для группирования компонентов для определенной функции вашего приложения, такие как панель мониторинга, которую вы можете просто захватить и использовать внутри другого приложения.

1