Angular2動的に追加されたliの数をul

Question

動的に追加されたliの数をul内で取得したい。 [style.width.px] = "numberOfLi * 50"のliの数に応じて、キュー要素の幅を設定する必要があります。それを動作させるには？

<ul class="queue"> 
    <li 
     class="queue__item" 
     *ngFor="let images of actualModel.imgDir; let i = 'index + 1'" 
     [ngStyle]="{'background-image': 'url(' + actualModel.imgDir[i] + ')'}" 
    ></li> 
</ul> 

Answer 1

あなたのケースactualModel.imgDir.length

<ul class="queue" [style.width.px]="actualModel.imgDir.length * 50"> 
    <li 
     class="queue__item" 
     *ngFor="let images of actualModel.imgDir; let i = index + 1; let x = length" 
     [style.backgroundImage]="'url(' + actualModel.imgDir[i] + ')'" 
    ></li> 
</ul>