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

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']
})