📅  最后修改于: 2020-10-28 05:05:57             🧑  作者: Mango
以下屏幕截图显示了Angular 2应用程序的剖析。每个应用程序都包含组件。每个组件都是应用程序功能的逻辑边界。您需要具有分层的服务,这些服务用于在组件之间共享功能。
以下是组件的解剖图。一个组件包括-
类-就像一个C++或Java类,由属性和方法组成。
元数据-这用于装饰类并扩展类的功能。
模板-用于定义在应用程序中显示的HTML视图。
以下是一个组件示例。
import { Component } from '@angular/core';
@Component ({
selector: 'my-app',
templateUrl: 'app/app.component.html'
})
export class AppComponent {
appTitle: string = 'Welcome';
}
每个应用程序均由模块组成。每个Angular 2应用程序都需要具有一个Angular Root Module。每个角根模块然后可以具有多个组件来分隔功能。
以下是根模块的示例。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule ({
imports: [ BrowserModule ],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }
每个应用程序由功能模块组成,其中每个模块具有应用程序的独立功能。然后,每个Angular特征模块可以具有多个组件来分离功能。