子组件如何在Angular4中获取父组件模板

Question

基于以下示例

// 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 {}

FormWrapper组件是否可以在父模板中获取自己包装的代码/ HTML？

在这种情况下，我希望我的FormWrapper组件能够得到＆＃39;＆lt;输入＆GT;其他HTML ...＆＃39;

请不要建议传入。

Answer 1

是的，您可以使用ng-content并进行翻译：

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