如何在 Angular 2 中将一个组件放入另一个组件的 templateUrl 中？

Question

如果我在我的 Angular4 父组件中使用 templateUrl，我需要包含

父模板中的子组件，如<child></child>、

我怎样才能达到同样的效果？

@Component({
  selector: 'parent',
  templateUrl: './foo.parent.html'
})
export class ParentComponent {}

子组件

@Component({
  selector: 'child',
  template: `
    <h4>Child Component</h4>
  `
})
export class ChildComponent {}

Answer 1

在 foo.parent.html 文件中添加 <child></child>。

How to put a component inside another component's templateUrl in Angular2+?