Как поместить компонент внутри templateUrl другого компонента в Angular2 +?

Question

Если я использую templateUrl в родительском компоненте Angular4, и мне нужно включить

дочерний компонент внутри родительского шаблона, например <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

Добавить <child></child> в файл foo.parent.html.