Wie ngstyle binden ng-conent in angular2

Question

Ich versuche ngstyle zu binden ng-Gehalt, funktioniert es nicht, unter Beispiel sehen:

<ng-content select="panel-one" [ngStyle]="{'width':size+'px'}"></ng-content> 

ich nur unten Lösung finden im Internet zu suchen,

::content >>> panel-one {width:50px} 

=> von https://plnkr.co/edit/T5CoP5qmd4nzIPAFjLNQ?p=preview

aber es kann den Stil Wert nicht dynamisch ändern.

Answer 1

<ng-content> wird niemals zum DOM hinzugefügt. Es ist nur ein interner Platzhalter für Angular2. Die [ngStyle] hat überhaupt keine Wirkung.

Vielleicht ein Wrapper macht, was Sie wollen

<div [ngStyle]="{'width':size+'px'}"> 
    <ng-content select="panel-one" ></ng-content> 
    </div>