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

时间:2016-07-26 09:18:56

标签: angular ng-style angular2-ngcontent

我尝试将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

但它无法动态更改样式值。

1 个答案:

答案 0 :(得分:0)

<ng-content>永远不会添加到DOM中。它只是Angular2的内部占位符。 [ngStyle]根本没有任何效果。

也许使用包装器做你想要的事情

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