Answers:
嗯,发布答案为时已晚,但是我认为很容易理解谁是Angular的初学者。以下是我在演示过程中提供的示例之一。
将您的角度应用程序视为建筑物。建筑物中可以包含N
许多公寓。公寓被视为模块。然后,公寓可以具有N
多个房间,这些房间对应于名为组件的Angular应用程序的构造块。
现在,每个公寓(模块)都将具有房间(组件),升降机(服务)以允许进出公寓的更大运动,电线(管道)来移动信息并使其在公寓中有用。
您还将拥有所有建筑物居民共用的游泳池,网球场等地方。因此,可以将它们视为SharedModule中的组件。
基本上,区别如下
跟随我的幻灯片了解Angular应用程序的构建基块
角分量
组件是Angular应用程序的基本构建块之一。一个应用程序可以包含多个组件。在普通的应用程序中,组件包含HTML视图页面类文件,控制HTML页面行为的类文件和用于设置HTML视图样式的CSS / scss文件。可以使用@Component
作为@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 { }
Angular 2中的模块是由组件,指令,服务等组成的。一个或多个模块组合在一起构成一个应用程序。模块将应用程序分解为逻辑代码。每个模块执行一个任务。
Angular 2中的组件是您为要显示的页面编写逻辑的类。组件控制视图(html)。组件与其他组件和服务进行通信。
组件为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
以便您可以具有可以独立运行的功能块。例如,一个应用程序可以具有功能模块,用于将应用程序特定功能的组件(例如仪表板)分组,您可以在另一个应用程序内部简单地抓取并使用它们。