divがngForにある場合、各divの幅を追加する方法は？

Question

<div #elementView [style.width]="width+'px'" class="{{fixed ? 'fixed-div' : ''}}" *ngFor="let event of events"> 
    <header class="sticky"><span>{{event.datetime}}</span><span>{{event.date}}</span></header> 
    <time-flow class="time-flow-child z-table-view" *ngIf="event.event && !event.itemKey" [events]="event.event" [positions]="positions" [selected]="selected"></time-flow> 
    <event-flow class="z-col-24 nopadding z-event-cell" *ngIf="event.items" [events]="event.items" [positions]="positions" [selected]="selected"></event-flow> 
</div> 

マイ.TSファイル：

ngAfterViewInit() { 
     if(this.elementView && this.elementView.nativeElement){ 
      this.width = this.elementView.nativeElement.offsetWidth; 
      console.log(this.width,'aaaa'); 

     } 

    } 

私はこのコードを持っています。彼の幅をdivに追加したいと思います。今は1つの幅があり、すべてのdivに追加されています。どのように私はそれを修正することができますどのような提案？

EDIT：

私は正常にこのようなすべてのdivの幅を取得：

ngAfterViewInit() { 
    this.skillImgs.forEach((skill: ElementRef) => { 
     this.renderer.setElementStyle(skill.nativeElement,'width',skill.nativeElement.offsetWidth); 
    }); 

} 

をしかし、私は今DIVするためにそれらを渡す方法を知りません。なにか提案を？

Answer 1

widthを返すメソッドにdivのwidthプロパティをバインドできます。あなた.TSクラスで

<div [style.width]="getElementWidth(event)" *ngFor="let event of events"></div> 

：は

getDivWidth(event:Event) { // event parameter is optional it could be blank as well 
    // Return your appropriate width 
}