基于以下示例
// 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;
请不要建议传入。
答案 0 :(得分:2)
是的,您可以使用ng-content
并进行翻译:
// Child
@Component({
selector: 'app-form-wrapper',
template: '<div><ng-content></ng-content></div>'
})
export class FormWrapperComponent {}