2017-09-21 3 views
1

Basierend auf unterhalb Probewie Kind Komponente get Mutterkomponentenvorlage in 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 {} 

Ist es möglich, für FormWrapper Komponente diejenigen Code/HTML selbst bei Eltern-Vorlage eingewickelt zu bekommen?

In diesem Fall möchte ich meine FormWrapper Komponente in der Lage zu bekommen ‚< input> andere HTML ...‘

Bitte schlagen nicht als Eingabe passieren in.

Antwort

2

Ja, können Sie ng-content und Einbindung mit:

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

ist es eine Möglichkeit, den Inhalt in FormWrapperComponent Konstruktor zu erhalten, aber nicht aus einer Vorlage? – Simon

Verwandte Themen