如何綁定ngStyle到NG-conent在angular2

Question

我嘗試綁定ngStyle到NG-內容，這是行不通的，見下面的例子：

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

我互聯網上搜索只能找到下面的解決方案，

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

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

但它不能動態變化樣式值。

Answer 1

<ng-content>永遠不會被添加到DOM。這只是Angular2的內部佔位符。 [ngStyle]根本沒有任何效果。

也許使用包裝你想要做什麼

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