我尝试将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
但它无法动态更改样式值。
答案 0 :(得分:0)
<ng-content>
永远不会添加到DOM中。它只是Angular2的内部占位符。 [ngStyle]
根本没有任何效果。
也许使用包装器做你想要的事情
<div [ngStyle]="{'width':size+'px'}">
<ng-content select="panel-one" ></ng-content>
</div>