Итак, у меня есть таблица, подобная этой:
Я хочу иметь возможность записать число в том же столбце на консоли, Итак, я использовал событие «(щелчок)»
(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>
+ file.TS
}
onCellSelect(dayLoop, facility_id) {
console.log(dayLoop)
}
Ну, подведем итог Я хочу щелкнуть ячейку таблицы и отобразить соответствующее число (час) в столбце.
Есть ли какие-нибудь советы по работе с этим?
PS: таблица отображается на Angular Материал диалога