如何将宽度从ts传递给div？

Question

我有这个：

 ngAfterViewInit() {
        this.skillImgs.forEach((skill: ElementRef) => {
            console.log(skill.nativeElement,'native element');
       });

    }

我的html：

<div #skillImg [style.width]="event.width" 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>

我想要的是把这个宽度从skill.nativeElement.offsetWidth传递给div，但是我不知道怎么做。有什么建议吗？所以现在我有两个返回原生元素的div，我想把它们都以样式传递给html。

Answer 1

这是我的工作：

<div [style.width]="event.width" *ngFor="let event of events">{{event.width}}</div>

events:any[]=[
        {width:'100px'},
        {width:'200px'}]