How do you inherit the template from a parent component in angular 4?

Question

How would you inherit the template from a parent component in angular 4? Most materials exemplify overriding the parent component like this:

import { Component }         


        

Answer 1

if you want to add something to parent template you can just plus it

@Component({
  selector: 'child',
  template: require('/path/to/child-template.html') + require('/path/to/parent-template.html')
})

(it is using webpack)

Answer 2

Since you have a child component, you could place it in the parent's directory, and give it an URL that references the parent.

@Component({
  selector: 'app-child',
  templateUrl: '../parent.component.html',
  styleUrls: ['../parent.component.scss']
})