如果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。有什么建议我怎么解决吗？

编辑：

我成功地获得了宽度--所有这样的div：

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

}

但是我现在不知道怎么把它们传给我。有什么建议吗？

Answer 1

可以将div的width属性绑定到将返回宽度的方法。

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

在您的.ts类中：

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