javascript - Angular2 - 模块与组件有何不同？

Question

在下面的代码中 ../src/app/app.module.ts,

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';

---

组件包括:

• 查看(../src/app/app.component.html)

• 逻辑(../src/app/app.component.ts)

• style(../src/app/app.component.css)

Angular 应用程序是一棵组件树。好的组件具有高内聚，即每个组件只包含具有相关功能的元素。它们也被很好地封装并且松耦合。

---

模块与组件有何不同？

Answer 1

组件 只是一个带有@Component() 注释的类。请注意，.html 和 .css 文件可能被组件引用，当然不是强制性的。组件模板很可能直接“内联”在组件配置中，或者可能根本没有给定组件的任何 html 模板。

模块 是 Angular 应用程序(可能还有其他类和接口(interface))的结构元素。它也是带有 @NgModule() 注释的“只是一个类”。

它充当您的组件、指令、服务、管道等的逻辑“容器”...以帮助您更好地构建整体源代码。

你可以看看这个现有的问题:What's the difference between an Angular component and module