如何从ts传递宽度到div?

时间:2017-11-21 16:14:56

标签: angular

我有这个:

 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风格的两个。

1 个答案:

答案 0 :(得分:0)

它为我工作:

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

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