angular - Angular中表格单元格上的单击事件

Question

所以，我有一张这样的桌子：

我希望能够在控制台的同一列上记录数字，所以，我使用了“（单击）”事件

(click)="onCellSelect(dayLoop)"

但是，当我单击时，控制台会注销所有这 24 个数字。

这是完整的代码

-文件.HTML

        <div
            *ngFor="let facility of facilityList"

        >
            <div
                (click)="showEvent(facility.facility_id)"

            >
                <div

                >
                    <div>{{ facility.facility_name }}</div>
                    <div>{{ facility.facility_code || '' }}</div>
                    <div>
                        {{ facility.need_driver ? (facility.facility_default_driver_name || 'no_name' | translate) : '' }}
                    </div>
                    <div>
                        {{ facility.need_driver ? (facility.facility_default_driver_phone || 'no_phone' | translate) : '' }}
                    </div>
                </div>
            </div>
            <div></div>

            <div
                (click)="onCellSelect(dayLoop)"
                *ngFor="let day of facility.chart"

            >
                <div

                >
                    <div style="position: absolute;width: 100%; height: 100%;display: flex; flex-direction: row;">
                        <div

                            class="line"
                            *ngFor="let item of dayLoop"
                        ></div>
                    </div>
                    <div>
                        <div
                            *ngFor="let item of day"
                            [ngStyle]="{
                                width: item.event_percent * 100 + '%',
                                'background-color': item.bg
                            }"
                        ></div>
                    </div>
                </div>
            </div>
        </div>

+文件.TS

}
onCellSelect(dayLoop, facility_id) {
    console.log(dayLoop)
}

好吧，总结一下，我想点击一个表格单元格，并在列上显示相应的数字（小时）。

有什么技巧可以解决这个问题吗？

PS：表格显示在 Angular Dialog Material 上

标签： angular