如何在Angular 2中导出多个组件

// component1.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-component1',
  template: '<h1>Component 1</h1>',
  styleUrls: ['./component1.component.css']
})
export class Component1Component {
  // Component 1 logic here
}

export class Component2Component {
  // Component 2 logic here
}

// component2.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-component2',
  template: '<h1>Component 2</h1>',
  styleUrls: ['./component2.component.css']
})
export class Component2Component {
  // Component 2 logic here
}

export class Component2Component {
  // Component 2 logic here
}

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { Component1Component } from './component1.component';
import { Component2Component } from './component2.component';

@NgModule({
  declarations: [
    Component1Component,
    Component2Component
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  exports: [
    Component1Component,
    Component2Component
  ]
})
export class AppModule { }

export class AppModule { }