2017-09-21 9 views
1

で子コンポーネントのget親コンポーネントテンプレートは、サンプルの下に基づいてどのようにAngular4

// 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コンポーネントを望む「<入力>他のHTMLを...」

入力として渡す示唆しないでください。テンプレートから

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

答えて

2

はい

、あなたは ng-contentとトランスクルーを使用することができますか?
+0

FormWrapperComponentコンストラクタでコンテンツを取得する方法がありますがありません。 – Simon