嵌套组件

组件将在各自的 selector 中呈现，因此你可以使用它来嵌套组件。

如果你有一个显示消息的组件：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-required',
  template: `{{name}} is required.`
})
export class RequiredComponent {
  @Input()
  public name: String = '';
}

你可以使用 app-required（这个组件的选择器）在另一个组件中使用它：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-sample',
  template: `
    <input type="text" name="heroName" />
    <app-required name="Hero Name"></app-required>
  `
})
export class RequiredComponent {
  @Input()
  public name: String = '';
}