how child component get parent component template in Angular4

Question

Based on below sample

// Parent
@Component({
  selector: 'parent',
  template: `...
               <app-form-wrapper [someInput]="someInput" [otherInput]="otherInput">
                <input>
                other html ...
               /app-form-wrapper>
             ...
            `
})
export class ParentComponent {}

// Child
@Component({
  selector: 'app-form-wrapper',
  template: '<div></div>'
})
export class FormWrapperComponent {}

Is it possible for FormWrapper component to get those code/HTML wrapped by itself at parent template?

In this case, I wish my FormWrapper component able to get '< input> other HTML ...'

Please don't suggest pass in as an input.

Michael Kang · Accepted Answer · 2017-09-21 01:57:08Z

2

Yes, you can using ng-content and transclusion:

// Child
@Component({
  selector: 'app-form-wrapper',
  template: '<div><ng-content></ng-content></div>'
})
export class FormWrapperComponent {}

answered Sep 21, 2017 at 1:57

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Simon Over a year ago

is there a way to get the content in FormWrapperComponent constructor but not from template?

Collectives™ on Stack Overflow

how child component get parent component template in Angular4

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related