如何将ngStyle绑定到angular2中的ng-conent

Question

我尝试将ngStyle绑定到ng-content，但它不起作用，请参见下面的示例：

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

我在互联网上搜索只找到以下解决方案，

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

=＆gt;来自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>