访问 cellTemplate devextreme Angular 中的父数据

Question

如何从下面的 dxTemplate 中访问工作日？

<dxi-column *ngFor="let weekday of calendarWeek" alignment="center" caption="{{weekday.Day}}">
    <dxi-column alignment="center" caption="{{weekday.Date}}">
        <dxi-column caption="7 8 9 10 11 12 1 2 3 4 5 6 7" [width]="182" cellTemplate="chartCellTemplate"></dxi-column>
    </dxi-column>
</dxi-column>  

所以需要在下面访问上面的工作日以与时间表进行比较

<div *dxTemplate="let instructor of 'chartCellTemplate'">
    <div class="chart-cell">
        <table>
            <tr>
                <td style="padding:0px; border:0; margin: 0px;">
                    <div *ngFor="let schedule of instructor.data.ScheduleDisplay" [ngStyle]="{'background-color': schedule.activityColor, 'color': schedule.activityColor, width:schedule.activityLength, padding:'0px', border:'0px', margin:'0px', display:'inline-block'}">{{weekday.data.Date}}</div>
                </td>                
            </tr>                    
        </table>               
    </div>
</div>

https://stackblitz.com/edit/angular-devextreme-sandbox-eycsyy

Answer 1

根据cellTemplate API 参考，data 参数包含有关行数据的信息。所以你需要使用instructor.data 而不是weekday.data 定义。