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

Question

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

<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>