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>