Angular2中如何将一个组件放入另一个组件中

在Angular 2中，将一个组件嵌套到另一个组件中是一种常见的操作，它使得组件化的开发更加灵活和可维护。通过这种方式，我们可以将一个大的应用拆分成多个小的、独立的组件，每个组件都负责特定的功能。本文将介绍如何在Angular 2中将一个组件嵌套到另一个组件中，并提供实际的案例代码。

typescript
// child.component.ts
import { Component, Input } from '@angular/core';
@Component({
  selector: 'app-child',
  template: '
{{ message }}
',
  styles: ['p { color: blue; }']
})
export class ChildComponent {
  @Input() message: string;
}

typescript
// parent.component.ts
import { Component } from '@angular/core';
@Component({
  selector: 'app-parent',
  template: `
    
父组件
    
  `,
  styles: ['h2 { color: green; }']
})
export class ParentComponent {
  parentMessage = '这是来自父组件的消息';
}